My code does not work. Tried to get help and it looked correct. do not know what to do

[Ganaa]

Tell us what’s happening:
Describe your issue in detail here.

  **Your 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/67.0.3396.99 Safari/537.36

Challenge: Set the font-size for Multiple Heading Elements

Link to the challenge:

freeCodeCamp.org

[jonathan.roley]

font-size: 68px.;

There can’t be any period before the semicolon.

[Ganaa]

I have tried that too

[Ganaa]

It is said problem is here.
Your code should set the

font-size

property for the

h1

tag to 68 pixels. Your code should set the

font-size

property for the

h2

tag to 52 pixels. Your code should set the

font-size

property for the

h3

tag to 40 pixels. Your code should set the

font-size

property for the

h4

tag to 32 pixels. Your code should set the

font-size

property for the

h5

tag to 21 pixels. Your code should set the

font-size

property for the

h6

tag to 14 pixels.

[jonathan.roley]

You are almost there, but you added a period in the syntax. Css doesn’t recognize that, so it doesn’t do anything. Here is proper syntax .

h1 {
   font-size: 68px;
}