SASS/SCSS not working on Firefox

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;

  text-align: center;
.blog-post, h2 {
  color: $text-color;


<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 class="blog-post" style="color: red">
<h2>Header #2</h2>
<p>Here is some more random text.</p>
<div class="blog-post">
<h2>Here is another header</h2>
<p>Even more random text within a paragraph</p>
  **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:

Welcome to the forums.

Check your plugins/extensions.

Dark mode/visual extensions interfere when I do something that involves changing colors.

It is currently broken.

Oh wow, couldn’t find this link even when I tried googling the issue. Thanks!

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