🎨 style: adjust grid for the project list

This commit is contained in:
Wahyu Kurniawan 2024-03-06 13:22:39 +07:00
parent 287fe360d3
commit ca64d00355
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33

View File

@ -44,7 +44,7 @@ const Projects = () => {
</Link> </Link>
</div> </div>
{/* List of projects */} {/* List of projects */}
<div className="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-4"> <div className="grid grid-flow-row grid-cols-[repeat(auto-fill,_minmax(340px,_1fr))] gap-4">
{projects.length > 0 && {projects.length > 0 &&
projects.map((project, key) => { projects.map((project, key) => {
return <ProjectCard project={project} key={key} />; return <ProjectCard project={project} key={key} />;