🎨 style: adjust grid for the project list

2024-03-06 13:22:39 +07:00 · 2024-03-06 13:22:39 +07:00 · ca64d00355
commit ca64d00355
parent 287fe360d3
1 changed files with 1 additions and 1 deletions
--- a/packages/frontend/src/pages/org-slug/index.tsx
+++ b/packages/frontend/src/pages/org-slug/index.tsx
@ -44,7 +44,7 @@ const Projects = () => {
        </Link>
      </div>
      {/* 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.map((project, key) => {
            return <ProjectCard project={project} key={key} />;