Fized large page columns at 4

Naapperas · Dec 23, 2023 · 6b3f55b · 6b3f55b
1 parent 7bb2116
commit 6b3f55b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/src/components/Chip/List.astro b/src/components/Chip/List.astro
@@ -13,7 +13,7 @@ const { labels, caption } = Astro.props;
 
 <div class="w-full">
   {caption ? <h3>{caption}</h3> : null}
-  <ul class="flex gap-2 flex-wrap justify-between">
+  <ul class="flex gap-2 flex-wrap justify-between px-3">
     {
       labels.map((label) => (
         <li class="p-1 inline-flex items-center">

diff --git a/src/pages/projects/index.astro b/src/pages/projects/index.astro
@@ -14,7 +14,7 @@ const projects = await getCollection("project");
   description="These are some of the projects I have developed so far:"
 >
   <section
-    class="relative grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-[repeat(auto-fit,minmax(300px,1fr))]"
+    class="relative grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4"
   >
     {projects.map((entry) => <ProjectCard project={entry} />)}
   </section>