| summary | Apply basic CSS Grid layouts to a simple typography-focused layout. |
|---|---|
| time | 1 hour |
| deliverables | 1 HTML file, 1 CSS file, images |
- Fork this repository.
- Use CSS grids to code the layout sketched earlier in class.
- Text can be found inside the
content.txtfile. - Run it through Markbot and make sure it passes all the checks.
- Typefaces:
Merriweather(regular, italic) - Text sizes:
1.5rem,1.8rem - Line-heights:
1.5 - Margins:
1rem,1.5rem - Paddings:
1rem,1.5rem - Gaps:
.75rem
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.