From 816b1452607c4b060c5ee55e0426bce93a14ffaf Mon Sep 17 00:00:00 2001 From: unknown Date: Tue, 27 Dec 2022 17:00:40 -0800 Subject: [PATCH 1/3] sdg-image height 145px / sustainable-dev-goal padding 20px --- _sass/components/_citizen_engagement.scss | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/_sass/components/_citizen_engagement.scss b/_sass/components/_citizen_engagement.scss index ac72149f3c..6462a6946f 100644 --- a/_sass/components/_citizen_engagement.scss +++ b/_sass/components/_citizen_engagement.scss @@ -217,7 +217,7 @@ .program-area { display: grid; grid-template-columns: 1fr 1fr; - grid-gap:2em; + grid-gap: 2em; padding: 44px; img { @@ -258,6 +258,7 @@ display: block !important; background: $color-pink; border-radius: 10px; + padding: 20px; grid-row: 2/3; h4 { @@ -274,7 +275,7 @@ } .sdg-image { - height: 100%; + height: 145px; margin-right: 20px; border-radius: 10px; } From 99996f5ed9a4ff00d0d1995355231c8765f912e2 Mon Sep 17 00:00:00 2001 From: unknown Date: Wed, 18 Jan 2023 16:55:02 -0800 Subject: [PATCH 2/3] p nested in sustainable-dev-goal bp- tablet-up margin-bottom 0 --- _sass/components/_citizen_engagement.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/_sass/components/_citizen_engagement.scss b/_sass/components/_citizen_engagement.scss index 6462a6946f..444fdfcfa3 100644 --- a/_sass/components/_citizen_engagement.scss +++ b/_sass/components/_citizen_engagement.scss @@ -261,6 +261,10 @@ padding: 20px; grid-row: 2/3; + p { + margin-bottom: 0; + } + h4 { margin-bottom: 10px; font-style: bold; From 3818511c3e9a25c7034cbaad6099a514a28003cc Mon Sep 17 00:00:00 2001 From: unknown Date: Fri, 27 Jan 2023 16:48:30 -0800 Subject: [PATCH 3/3] margin: 30px 0; to .program-area in tablet-up --- _sass/components/_citizen_engagement.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/_sass/components/_citizen_engagement.scss b/_sass/components/_citizen_engagement.scss index 444fdfcfa3..8958924db5 100644 --- a/_sass/components/_citizen_engagement.scss +++ b/_sass/components/_citizen_engagement.scss @@ -212,13 +212,15 @@ @media #{$bp-tablet-up} { .program-area-container { - max-width: 1080px !important; + max-width: 1080px !important; } + .program-area { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 2em; padding: 44px; + margin: 30px 0; img { border-radius: 10px;