| summary | time | deliverables |
|---|---|---|
Use Flexbox to create a horizontal navigation with lots of different components. |
1 hour |
1 HTML file, 1 CSS file, images |
- Fork this repository.
- Use Flexbox to create the navigation layout seen in the screenshots.
- DO NOT change the HTML file.
- Run it through Markbot and make sure it passes all the checks.
- Typefaces:
sans-serif - Text sizes:
1.125rem - Line-heights:
1.5 - Colours:
#e2e2e2,#0074d9,#fff - Margins:
.5rem - Paddings:
1rem,.75em 1em .6em - Image width:
2rem
Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.
- Final screenshots in the “screenshots” folder.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit for grades using Markbot.