AlexandraPhilip / icon-cards

Combine together grids, modular type & CSS components to make a series of link cards with icons.

summary	time	deliverables
Combine together grids, modular type & CSS components to make a series of link cards with icons.	1 hour	1 HTML file, 4 CSS file, images

Icon cards

Overview

• Fork this repository.
• Create the layout of cards using grids, type systems and modules.
• Text can be found inside the content.txt file.
• Run it through Markbot and make sure it passes all the checks.

---

Details

• Typefaces: sans-serif
• Colours: #fff, #000, #333, #e6e6e6
• Expected class names: .card
• Gridifier settings: defaults
• Typografier settings: defaults
• Modulifier settings: select all

---

Goal

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.

---

Hand in

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