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

• h1 selects every level-1 heading.
• margin: 0 removes the default space around the heading.
• color is the text color: #4f46e5 is indigo.

Your turn

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

Skills: Styling with CSS

← A soft shadow Add your links →

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