Project details - Key features

[Deleted user]

Note: If you're a new contributor to this repository, refer to CONTRIBUTING.md before tackling this issue!

Debug by visiting: localhost:3000/projects/mapscout

Set up sections explaining how the app actually works.

Design notes

• body font size: --body-large on desktop, --body on mobile
• "our solution" font size: 30px (no variable for this)
• leave header sizes to defaults

Action items

• create a new component under components/projects and add it to routes/projects/[key].svelte. Pass appropriate Contentful fields as props.
• create each section with images centered on the page.
• note the "user flow" header is hard-coded, while key feature headers come from Contentful.

Mockups

View on Figma for specifics on sizing variables

Desktop

Mobile

[Max Karpawich]

Header sizes have to be changed on mobile to fit the narrow window width - the feature text was overflowing and it didn't look so hot