/icons

Use CSS modules & Modulifier to create a very basic list with icons.

Primary LanguageCSS

summary time deliverables
Use CSS modules & Modulifier to create a very basic list with icons.
30 minutes
1 HTML file, 1 CSS file, images

Icons

Overview

  • Fork this repository.
  • Write the HTML necessary and add the appropriate module classes.
  • Use only modules.css to create the matching layout.
  • The grid.css and type.css files shouldn’t be used.
  • DO NOT add any CSS except to link modules.css—you should be able to complete it by only adding module classes.
  • Run it through Markbot and make sure it passes all the checks.

Details

  • Icon size: 64
  • Modulifier settings: Select all

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.