From 6c3dcb84b38fd2c408a06c318b5118131d0b21de Mon Sep 17 00:00:00 2001 From: Jon Jensen Date: Wed, 1 Nov 2023 12:25:46 -0700 Subject: [PATCH] Uniform mobile wrapping --- src/shared/templates.js | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/src/shared/templates.js b/src/shared/templates.js index 0d9ad9c..ce4565b 100644 --- a/src/shared/templates.js +++ b/src/shared/templates.js @@ -89,7 +89,8 @@ 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); @@ -97,6 +98,12 @@ ul.link-list li a { 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); }