| summary | Use a type system with a little bit of CSS to create a banner. |
|---|---|
| time | 1 hour |
| deliverables | 1 HTML file, 2 CSS files, images |
- Fork this repository.
- Make the layout that matches the screenshots by using classes from Typografier and writing a few lines of CSS in
main.css - You’ll need to get a copy of the type system from Typografier and paste it into
type.css - The HTML is mostly complete: it just needs some classes added to it.
- The CSS is mostly complete: just the
.bannerand.banner-contentclasses need properties. - Run it through Markbot and make sure it passes all the checks.
Visually match the images in the “screenshots” folder.
- 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.