Set the font-size for Multiple Heading Elements Bug

Why won’t this code work? I’ve tried refreshing and resetting the code multiple times, and whenever I looked it up some people had the same problem but never got answers.

Code so far:


<style>
  
  <h1> {
      font-size: 68px;
  }
  
  <h2> {
      font-size: 52px;
  }
  
  <h3> {
      font-size: 40px;
  }

  <h4> {
      font-size: 32px;
  }

  <h5> {
      font-size: 21px;
  }

  <h6> {
      font-size: 14px
  }
  
</style>
<h1>This is h1 text</h1>
<h2>This is h2 text</h2>
<h3>This is h3 text</h3>
<h4>This is h4 text</h4>
<h5>This is h5 text</h5>
<h6>This is h6 text</h6>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36.

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

Looks like you are missing something at the end of the h6 selector in your CSS.
Also to select and h1 or any element in CSS all you do is

h1 {
  font-size: whatever the font size is; 
}

Oh ok I figured it out, it was the <> with h1 in it rather than h1. And the semicolon on h6

Excatly in css that part that is in your style tag you don’t need closing and opening tags :3