Store Data with Sass Variables helpp

HTML-CSS
1

Am i doing something wrong or does this challenge have a bug?

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 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36.

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

2

Looks good. I believe this one is bugged as well. If you look at the right, and your text turns red with the example, then id say its safe to say your right. Which I tried your solution, and it turns the text red. Just a bug with the passing.

3

Try it in chrome or firefox, some Sass tests works in firefox, try addig the color for h2 separately rather than adding it with a comma to the .blog-post, it is correct but it causes some problem for no reason, so try this out, it worked for me in firefox and chrome

4

image
image1524×702 62.7 KB

challenge also not passing. tried suggestions above, no success.

5

As you can see your text is red. So it is the right code, there’s just something buggy with the sass lessons. I had similiar troubles when I was going through it