Styling the page - map

[TianshengC]

fullscreen map lightbox (open and close like a modal)

(To Matthew: I am a little confused about this part.)

[mferryRV]

We will be updating the UI of our application to match this Figma design on page "Prototype web".

To accomplish this, we need to create a <MapSection> component and add it to our Home page component. This Map Section should have:

• A white background
• A dot-based map image (download from Figma or from Greg's shared files)
• Help text at the top in Roboto Regular 16, #CB3100
• An "expand" icon in the top righthand corner that, when clicked, makes the map fullscreen in a "Lightbox" or "modal"
• When the map is fullscreened, "Click to exit full screen mode" should appear in the top right in Roboto Regular 16, #CB3100

To see the styling information for the page, activate Figma's Dev Mode in the top righthand corner:

This design is desktop-first, so we will review mobile designs later in the week.