Store Data with Sass Variables Bug

Store Data with Sass Variables Bug
0

#1

is there anything wrong in my code or there is 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

Look like you’re using Mozilla. I may be mistaken, but sass is a little buggy with Mozilla and Safari on here. Try chrome if you can


#3

i’m using chrome right now and still same problem


#4

Could be a bug then. It looks correct. I had some troubles going through sass as well. Using chrome helped for some, but even then a lot of it still bugged


#5

Assigning the value to variable is wrong that why your code is not working.
another i get some space between .blog-post and h2 tags were last two test are failed .

There was an bug related to SASS don’t support some cases…


#6

No. He’s right “Create a variable $text-color and set it to red.” which he has done. “Then change the value of the color property for the .blog-post and h2 to the $text-color variable”