---
import PastProject from "./PastProject.astro";
import projects from "../../data/pastProjects.json"
import Subtitle from "../core/Subtitle.astro";
---
<div class="flex flex-col items-center">
    <Subtitle title="Past Projects" />

    <div class="w-[80%] md:w-[70%] grid grid-cols-6 gap-[1.5vw]">
        {projects.map((project)=>(
            <PastProject
             title = {project.title}
             image = {project.image}
             link = {project.link}
             col = {project.col}
            /> 
         ))}
    </div>
</div>