Modern CSS Exercise

Icon Fonts

Open this codepen and follow the instructions inside!


  1. You can add the <link> tag in the HTML panel of CodePen
  2. You need the special markup from the first step in the CodePen to display an icon
  3. To do custom stuff, keep in mind that these use a font.. so anything you can do to a font you can do to them (font-size? color?)

Shadows and Gradients

Open this CodePen and follow the steps

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.