Epic: Fix size of SDG icons to match Figma design

[JessicaLucindaCheng]

Dependency

• SDG 2: Rename and replace image with correct color one #4254
• SDG 5: Rename and replace image with correct color one #4255
• SDG 8: Rename and replace image with correct color one #4256
• SDG 11: Rename and replace image with correct color one #4225
• SDG 13: Rename and replace image with correct color one #4257
• SDG 16: Rename and replace image with correct color one #4253
• SDG 17: Rename and replace image with correct color one #4258

Overview

We want to check the sections that use the Sustainable Development Goal (SDG) icons on the website look good in mobile, tablet, and desktop views so that we maintain a professional website.

Details

• SDG is an acronym for the United Nations Development Programme Sustainable Development Goals.
• Following the UN guidelines for SDG usage, we had to replace the SDG svgs in our repo because the colors in our svgs were not correct.
• However, with replacing those svgs, the new svgs are a different size. Thus, there could be some size issues with the new svgs on the pages that use them.

Action Items

• Using the Figma design: All pages overview as a reference, check the following pages in mobile, tablet, and desktop views to see if the SDG icons look good and the size of the icons matches the Figma design in those views
  • About page Sustainability section
  • Citizen Engagement page
  • Project detailed pages: 311 Data and Lucky Parking
• If needed, make issues to fix the problems on each page. To understand about the SDG files in our repo, you can read epic Rollout Plan: Move, refactor, and add SDG info and images #4153

Resources/Instructions

• United Nations Development Programme Sustainable Development Goals
• UN guidelines for SDG usage
• Figma design: All pages overview
• About page Sustainability section
• Citizen Engagement page
• Project detailed pages: 311 Data and Lucky Parking
• This issue is tracked in epic Rollout Plan: Move, refactor, and add SDG info and images #4153