Update sdg img size and .sustainable-dev-goal padding

[SZwerling]

Fixes #3738

What changes did you make and why did you make them ?

-All changes within $bp-media-up media query.

• .sdg-image height: 145 px
• .sustainable-dev-goal padding: 20px
• p element within .sustainable-dev-goal margin-bottom: 0

Screenshots of Proposed Changes Of The Website (if any, please do not screen shot code changes)

Visuals before changes are applied

Visuals after changes are applied

![image](
screencapture-localhost-4000-citizen-engagement-2023-01-19-13_59_39 (1).pdf
)

[github-actions]

Want to review this pull request? Take a look at this documentation for a step by step guide!

From your project repository, check out a new branch and test the changes.

git checkout -b SZwerling-update-sdg-3738 gh-pages
git pull https://github.com/SZwerling/website.git update-sdg-3738

[jdingeman]

ETA: EOD 1/24
Availability: 2hrs

[jdingeman]

Hello. Nice job on this. The SDG images are sized correctly and padding looks good.

However in reading the issue, I believe the padding between cards should also be increased. It looks like in the published website and your current layout have a margin of 14px between cards:

Current layout margin

It looks like the figma design is proposing a margin of 30px between each card:

Figma design margin

[SZwerling]

Thank you. I'll fix that card padding.

[jdingeman]

Hi @SZwerling, just wanted to check in to see if you are still working on this issue and could provide a progress update? If we don't hear back by Monday, we are going to close this pull request.

[SZwerling]

Hello, @jdingeman. Apologies for delayed response.
I have updated the .program-area in tablet-up to have a margin top and bottom of 30px.
I pushed that to my remote repo. I am unsure what to do next. Another pull request on the same issue?
I am a little confused.
Thank you.

[jdingeman]

Hey @SZwerling , sorry about that, I see that you had pushed the commits prior to my comment. I will rereview.

[Jaretzbalba]

ETA: EOD 2/13
Availability: 2hrs

[Jaretzbalba]

@SZwerling I see the changes to the padding and margin on the $bp-tablet-up media query reflect the new figma design. Everything looks to be uniform now and spaced as requested. Thank you for working on this issue!

[jdingeman]

Looks great @SZwerling !