Update header UI - Githubissues

EmilyLopez-Ichikawa / Love-Letters

0 stars 0 forks source link

Update header UI #5

Open EmilyLopez-Ichikawa opened 3 years ago

EmilyLopez-Ichikawa commented 3 years ago

Wraps before it needs to
Due to bootstrap boxes - find a different way to ensure center with good spacing
Make the header a set pixel height? Yes - Emma

UI Link or description Specs: https://www.figma.com/file/DtxnB3JXU5hTbcVbnn8IZa/Love-Letters-to-St.-Louis?node-id=0%3A1 Header height: 60px Text breakpoint

when screen width is <1024, Header: Inconsolata semibold 24px
when screen width is ≥1024, Header: Inconsolata semibold 32px

What user problem does this solve?

Acceptance Criteria (Given, When, Then) Happy and Sad Path

Developer Implementation Notes

eriledup commented 3 years ago

Desktop:

Screen Shot 2021-04-14 at 8 42 15 PM

Tablet:

Screen Shot 2021-04-14 at 8 42 20 PM

Mobile:

Screen Shot 2021-04-14 at 8 42 26 PM