Incorrect answer passes test for Set the font-size for Multiple Heading Elements challenge

I was assisting a camper on the forum and found out that incorrect answers are allowed to pass the test. https://forum.freecodecamp.org/t/simple-font-size-code-problem-according-to-fcc-test/474829 I modified the campers code and this still passes even though it is incorrect.

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

All of those headings in the style tags are supposed to be in the correct css format. But it looks like the test will just accept one of them in the correct format. The challenge is supposed to focus on just the style tags. Not inline. I think only the correct answer should be accepted.

Affected page

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

Correct code

This should be the only acceptable answer for this challenge.

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

System

• Device: [e.g. iPhone6, Laptop]
• OS: [e.g. iOS 14, Windows 10, Ubuntu 20.4]
• Browser: [e.g. chrome, safari]
• Version: [e.g. 22]

[Nirajn2311]

Yes, we need another test to check if the user has used inline styles or not. Since jquery has been used check the heading font-size, I think we can go with a jquery solution for the new test. We can use .prop('style') and check each of the heading if they have used inline style or not. But if we decide to not use jquery then we can use .getAttribute('style') to test each heading.

[srijit2002]

Yeah, now it is much clearer. Thanks for your precious time. I am working on this and link a pull request soon.