Correct code not working for h elements

HTML-CSS
1

Everything is done correctly here but its still giving me the message that none of the requirements are done.

Im not sure if this is a problem on the codecamp side.

Please help.

.h1 { font-size: 68px; } .h2 { font-size: 52px; } .h3 { font-size: 40px; } .h4{ font-size: 32px; } .h5 { font-size: 21px; } .h6 { font-size: 14px; }

This is h1 text

This is h2 text

This is h3 text

This is h4 text

This is h5 text
This is h6 text

**Challenge:** Set the font-size for Multiple Heading Elements

**Link to the challenge:**
https://www.freecodecamp.org/learn/responsive-web-design/applied-visual-design/set-the-font-size-for-multiple-heading-elements
2

Hi! This is a pretty easy fix :slight_smile: When you put a “.” (PERIOD) before your CSS selector, you’re selecting the class, not the element itself. To fix, just remove all of the dots before the selectors. The correct way to do it would be:

 
h1 {
  font-size: 68px
}

Not like this:

 
.h1 {
  font-size: 68px
}
3

Wow i didn’t realize that, thank’s a lot :slight_smile:

1 Like