Store Data with Sass Variables: firt problem

Tell us what’s happening:

This is pretty simple but it won’t pass that last 2 tests. I even pasted in the answer from hint. It seems like a bug. Anyone else?

Your code so far


<style type='text/sass'>
  $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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/sass/store-data-with-sass-variables

What browser are you using? Free Code Camp has been updated to use newer technologies. It makes the application much faster and it means that we can go much longer without having to do a huge migration like the recent one. However, Edge, Internet Explorer, and Safari are very bad about choosing not to adhere to standards and support new functionality in JS and CSS. Right now, that means that these browsers exhibit lots of unexpected behavior. If you become a web developer you will come to hate these browsers with every fiber of your being.

i think no dollar symbol in styling…

Yes something’s wrong here, I copied the whole thing then pasted them in and I passed the challenge. Could be a browser problem I guess. Or, if you have anything that could affect the styling of the browser or webpages like Stylus, userChome.css, userContent.css,… you should try disabling them first.

Turns out my Dark Reader add-on caused problems. Seems weird that fCC is checking my rendered code, rather than the code as entered.

All good now.