Uniform mobile wrapping

cagov · Nov 1, 2023 · 6c3dcb8 · 6c3dcb8
1 parent 248b1f1
commit 6c3dcb8
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/shared/templates.js b/src/shared/templates.js
@@ -89,14 +89,21 @@ ul.link-list li {
 
 ul.link-list li a {
   display: flex;
-  flex-wrap: wrap;
+  flex-wrap: nowrap;
+  flex-direction: row;
   justify-content: space-between;
   gap: var(--benefits-recs-card-gap);
   padding: var(--benefits-recs-card-padding);
   text-decoration: none;
   color: #000;
 }
 
+@media (max-width: 43.75rem) {
+  ul.link-list li a {
+    flex-direction: column;
+  }
+}
+
 ul.link-list li a:hover {
   box-shadow: 0 0 0.75rem rgba(0, 0, 0, 0.25);
 }