Applied Visual Design problem 14


Set the font-size for Multiple Heading Elements

h1 {

font-size: 68px;

}

h2 {

font-size: 52px;

}

h3 {

font-size: 40px;

}

h4 {

font-size: 32px;

}

h5 {

font-size: 21px;

}

h6 {

font-size: 14px;

}

here is my solution but it still not working kindly help

If your code looks like this you should pass the test:

<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>

Try refreshing the page if it doesn’t work.

thank you for your concern I tried refreshing my browser and yeah my code looks like this but still facing a problem

copy-paste the whole code here, please. Or take a screenshot of the code:D

<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>```

Hello @hasnainrizvi254,

Your code pass on my side, try to refresh your page, clean the browser data or try another browser.

I tried chrome as well as Microsoft edge but still not working

This code is the final one you have right?

yeah this code is my final answer

Your code is ok this is sure, why it doesn’t pass I don’t get it here. Be sure to remove the ‘’’ that seem to be after your h6 tags in the HTML code. Also, clean the browser data, after this I don’t have other ideas unfortunately.

1 Like

alright thank you so much

You’re welcome even I didn’t really helped you

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.