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.

1 Like

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

1 Like

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