From 0ee5135e71b6e1acd26ac5c930f511c49f54924f Mon Sep 17 00:00:00 2001 From: Aaron Hans Date: Fri, 7 Feb 2020 15:21:04 -0800 Subject: [PATCH] fix phone sizer (#355) --- src/css/_foodbanks.scss | 15 ++++++++++----- 1 file changed, 10 insertions(+), 5 deletions(-) diff --git a/src/css/_foodbanks.scss b/src/css/_foodbanks.scss index 97915bf4..fdfab10e 100644 --- a/src/css/_foodbanks.scss +++ b/src/css/_foodbanks.scss @@ -19,11 +19,11 @@ .mr-10 { margin-right: 10px; } +.card-set { + display: grid; + grid-template-columns: 33% 33% 33%; +} .foodbanks { - .card-set { - display: grid; - grid-template-columns: 33% 33% 33%; - } .card-set .card { margin-right: 20px; min-width: 200px; @@ -43,10 +43,15 @@ @media (max-width: 1080px) { .card-set { grid-template-columns: 50% 50%; - } + } } @media (max-width: 720px) { .card-set { grid-template-columns: 100%; } + .foodbanks { + .card-set .card { + max-width: none; + } + } } \ No newline at end of file