SOEOPSFY24-22 (#310)

* Proposed solution to card grid with few items * Incorporated feedback from Jen * Added flex-wrap
SU-SOE · Apr 8, 2024 · 20b9b6e · 20b9b6e
1 parent 4be222c
commit 20b9b6e
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/themes/soe_basic/dist/css/theme.css b/themes/soe_basic/dist/css/theme.css
diff --git a/themes/soe_basic/src/scss/theme/_events.scss b/themes/soe_basic/src/scss/theme/_events.scss
@@ -289,3 +289,17 @@
     margin-top: 0;
   }
 }
+
+// Event List paragraph, card view.
+.view.stanford-events.cards {
+  .su-list-unstyled.grid-container-3 {
+    display: flex;
+    justify-content: flex-start;
+    gap: 1em;
+    flex-wrap: wrap;
+
+    li {
+      flex: 1 1 min-content;
+    }
+  }
+}