summary | time | deliverables |
---|---|---|
Apply basic CSS Grid layouts to a simple typography-focused layout. |
1 hour |
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.txt
file. - 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.