fix columns issue

medialab · Jul 30, 2024 · 962b79c · 962b79c
1 parent afb003d
commit 962b79c
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/src/App.scss b/src/App.scss
@@ -676,23 +676,23 @@ main .section {
   }
 }
 
-.layout-text-only,
-.layout-illustrated {
+.layout-text-only {
   column-count: 2;
   column-gap: 1rem;
   @media screen and (max-width: $main-width) {
     column-count: 1;
   }
 }
 
-// .layout-illustrated {
-//   display: grid;
-//   grid-template-columns: auto auto;
-//   grid-column-gap: 1rem;
-//   @media screen and (max-width: $main-width) {
-//     display: block;
-//   }
-// }
+.layout-illustrated {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  grid-column-gap: 1rem;
+
+  @media screen and (max-width: $main-width) {
+    display: block;
+  }
+}
 .text-container {
   column-count: 2;
   column-gap: 1rem;