Workshop › My business card › Step 8 of 12

Color your name

What we are doing

The name gets a color, and we remove the extra space browsers put above headings.

```css
h1 {
  margin: 0;
  color: #4f46e5;
}
```

What it means

Your turn

Write the h1 rule under the .card rule, after an empty line.

Skills: Styling with CSS

All steps

  1. Your name as a heading
  2. A line about you
  3. Put them in a box
  4. Your first CSS
  5. Make the box look like a card
  6. Center the card
  7. A soft shadow
  8. Color your name
  9. Add your links
  10. Links in a row
  11. Links that react
  12. Build it yourself: a card that reacts