The SASS/SCSS lessons are not working on Firefox: it only shows a blank page where the HTML test page should be (even before I write any of the required code), and the tests do not check, even though the code is correct. Chrome works fine, everything showed up and I was able to pass the lesson.
I figured it could be an issue with my extensions (security and privacy stuff), even though they hadn’t messed with any of the previous content, but disabling them didn’t do anything. Tried clearing cookies and cache, and didn’t work as well.
I realize it’s not a major issue: I guess I can go through the SASS/SCSS section on Chrome, but this would be a bit inconvenient because Firefox is my main browser.
**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" style="color: red">
<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:97.0) Gecko/20100101 Firefox/97.0
Challenge: Store Data with Sass Variables
Link to the challenge: