feat: update gallery for small screens

setchy · setchy · commit 7fd3558ee559 · 2024-12-03T21:04:59.000-05:00
Signed-off-by: Adam Setch &lt;adam.setch@outlook.com&gt;
diff --git a/src/sections/best-practices.astro b/src/sections/best-practices.astro
@@ -10,7 +10,7 @@ import { bestPractices } from "~/memes/memes";
   anchor="best-practices"
   description="Explore these best practices to inspire your team and make MDD an integral part of your workflow!"
 >
-  <div class="grid grid-cols-3 gap-4 p-4">
+  <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 p-4">
     {
       bestPractices.map((item) => (
         <div class="overflow-hidden group">

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ import { bestPractices } from "~/memes/memes";`
`10`	`10`	`anchor="best-practices"`
`11`	`11`	`description="Explore these best practices to inspire your team and make MDD an integral part of your workflow!"`
`12`	`12`	`>`
`13`		`- <div class="grid grid-cols-3 gap-4 p-4">`
	`13`	`+ <div class="grid grid-cols-1 sm:grid-cols-3 gap-4 p-4">`
`14`	`14`	`{`
`15`	`15`	`bestPractices.map((item) => (`
`16`	`16`	`<div class="overflow-hidden group">`