| summary | time | deliverables |
|---|---|---|
Practice some techniques from previous terms like modular CSS, grid systems, type systems and also practice position. |
2 hours |
1 HTML file, 4 CSS files, images |
- Fork this repository.
- Create the layout that matches the screenshots
- Use
modules.css,grid.css&type.css - Text can be found inside the
content.txtfile. - Run it through Markbot and make sure it passes all the checks.
- Typefaces:
Georgia - Colours:
#fff,#efefef,#97a49b,#495562,rgba(73, 85, 98, .9)(you’ll have to adjust the alpha) - Maximum heights:
500px - Modulifier settings: select all
- Gridifier settings: defaults
- Typografier settings: defaults
Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.
- Final screenshots in the “screenshots” folder.
- Watch this video to see how it interacts.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit for grades using Markbot.