Fix layout of side-by-side code and content on mobile

flutter · Feb 8, 2025 · 4015cec · 4015cec
1 parent 1f84c1e
commit 4015cec
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/_sass/base/_utils.scss b/src/_sass/base/_utils.scss
@@ -23,9 +23,16 @@ main {
     display: grid;
     grid-template-columns: 1fr;
     column-gap: 1.5rem;
+    margin-block-end: 0.5rem;
 
     @media (min-width: 768px) {
       grid-template-columns: minmax(60%, 1fr) auto;
+      margin-block-end: 0;
+    }
+
+    > * {
+      max-width: 100%;
+      min-width: 0;
     }
   }