recipes

commit 61d8d2e1aa4a2f5b946d9fc626796dfadb71ed88
parent 7f006e27d713fc9eab288b56d3a4827476c5c67d
Author: MTRNord <mtrnord1@gmail.com>
Date:   Fri,  1 Mar 2024 13:37:23 +0100

Improve mobile design slightly

Diffstat:
M
src/components/recipe.astro
 | 
7
+++++++

1 file changed, 7 insertions(+), 0 deletions(-)
diff --git a/src/components/recipe.astro b/src/components/recipe.astro
@@ -161,6 +161,13 @@ const description = frontmatter.description;
                 container-type: inline-size;
             }
 
+            @media only screen and (max-width: 600px) {
+                .grid-container {
+                    grid-template-rows: repeat(auto-fit, minmax(min(100%, 100px), 1fr));
+                    grid-template-columns: 1fr;
+                }
+            }
+
             .box {
                 display: grid;
                 grid-row: span 2;