About the Set the font-size for Multiple Heading Elements challenge

HTML-CSS
1

So I know there is a different way to do this challenge, but I tried using inline styles instead of thy style tag, and for some reason all the tasks but the h6 tag are being solved. Code here:

<style>






</style>
<h1 style="font-size: 68px;">This is h1 text</h1>
<h2 style="font-size: 52px;">This is h2 text</h2>
<h3 style="font-size: 40px;">This is h3 text</h3>
<h4 style="font-size: 32px;">This is h4 text</h4>
<h5 style="font-size: 21px;">This is h5 text</h5>
<h6 style="font-size: 14px;">This is h6 text</h6>

I can solve this using the style tags, but I wanted to bring this up to mind. I don’t think I’m doing something wrong.

1 Like
2

Hello @JustSomeone1223. You need to solve the challenge using the way it says. If you want to play around with your code, you can. But, before submitting, you need to reset your code and do it as the challenge says. Only then, you will pass the test. It’s because it’s an automated checking process.
Happy Coding!

3

Alright, so I added in the style tag without removing the inline styles, like so:

<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 style="font-size: 68px;">This is h1 text</h1>
<h2 style="font-size: 52px;">This is h2 text</h2>
<h3 style="font-size: 40px;">This is h3 text</h3>
<h4 style="font-size: 32px;">This is h4 text</h4>
<h5 style="font-size: 21px;">This is h5 text</h5>
<h6 style="font-size: 14px;">This is h6 text</h6>

It passed the verification! I feel like we have a technical difficulty here. Can you look into it?

1 Like
4

Do you think this is a bug? Bugs can be reported as GitHub Issues. Whenever reporting a bug, please check first that there isn’t already an issue for it and provide as much detail as possible.
Thanks.

5

Can you explain a little more? This is a challenge on the FreeCodeCamp site itself, not any third-party sites.

1 Like
6

Yes, I know that. You cannot report bugs here. Instead, you need to report it as a GitHub issue (as FCC says). Thanks.

7

Also, I did a similar thing on the challenge just after it:

<style>
  h1 {
    font-size: 68px;
    //font-weight: 800;
  }
  h2 {
    font-size: 52px;
//font-weight: 600;
  }
  h3 {
    font-size: 40px;
//font-weight: 500;
  }
  h4 {
    font-size: 32px;
//font-weight: 400;
  }
  h5 {
    font-size: 21px;
//font-weight: 300;
  }
  h6 {
    font-size: 14px;
//font-weight: 200;
  }
</style>
<h1 style="font-weight: 800">This is h1 text</h1>
<h2 style="font-weight: 600">This is h2 text</h2>
<h3 style="font-weight: 500">This is h3 text</h3>
<h4 style="font-weight: 400">This is h4 text</h4>
<h5 style="font-weight: 300">This is h5 text</h5>
<h6 style="font-weight: 200">This is h6 text</h6>

It submitted perfectly despite using inline styles. Just wanted to bring that up.

1 Like
8

As I had said, the test checker is automated and only checks for the required code (it only checks whether you have typed your code in style tags and will not notice that you typed it as inline style). Hope this clarifies you.

1 Like
9

Well, now I know to bring issues up on GitHub. Just submitted it there. Sorry for wasting your time.

1 Like