I think I have done everything right here, but don't know why it is showing error

Tell us what’s happening:
I think I have done everything right here, but don’t know why it is showing error

  **Your code so far**

<style type='text/scss'>
$text-color: red;

.header{
  text-align: center;
}

.blog-post, h2 {
  color: $text-color;
}
</style>

<h1 class="header">Learn Sass</h1>
<div class="blog-post">
<h2>Some random title</h2>
<p>This is a paragraph with some random text in it</p>
</div>
<div class="blog-post">
<h2>Header #2</h2>
<p>Here is some more random text.</p>
</div>
<div class="blog-post">
<h2>Here is another header</h2>
<p>Even more random text within a paragraph</p>
</div>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:96.0) Gecko/20100101 Firefox/96.0

Challenge: Store Data with Sass Variables

Link to the challenge:

It works fine on my end. Try refreshing the page.

Tried refreshing but still doesn’t work

here what’s the console shows:
image

Do you have any extensions enabled?
Or maybe check the zoom percentage.

They can interfere with the fCC tests.

yes my zoom is 100% and have all the extensions disabled :frowning:

Hey, I just found out that this is correct but is already been reported as bug in github

Same problem here. I will just move on to the the next chapter but it would be cool if they fixed this.

SASS challenges are broken in Firefox. There is an issue open for it.