petraeeghen / lists-n-grids

Create a list-based layout using grid and type systems.

summary	time	deliverables
Create a list-based layout using grid and type systems.	1 hour	1 HTML file, 1 CSS file, images

Lists ’n’ grids

Overview

• Fork this repository.
• Create the layout that matches the screenshots using Gridifier and Typografier classes.
• The index.html needs to be created and edited.
• Text can be found inside the content.txt file.
• DO NOT change the CSS files—they’re all complete.
• Run it through Markbot and make sure it passes all the checks.

---

Details

• Typefaces: Denk One
• Expected class names: .card

---

Goal

Visually match the images in the “screenshots” folder.

• Final screenshots in the “screenshots” folder.

---

Hand in

Drop this folder into your Markbot application. Make sure to fix all the errors. And submit to Canvas using Markbot.