Store Data with Sass Variables what is the problem with this

Store Data with Sass Variables what is the problem with this
0.0 0

#1

Tell us what’s happening:

Your code so far


<style type='text/sass'>
  
  
  .header{
    text-align: center;
  }
  .blog-post, h2 {
    color: red;
  }
</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.3; WOW64; rv:62.0) Gecko/20100101 Firefox/62.0.

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


#2

What do you not understand about this challenge?


#3

I coded correctly but only two user stories passed.


#4

The code you posted above is just the starter code for the challenge. If you have more code, please post it in a reply to this thread. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.


#5

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


#6

But I have passed only two user stories.


#7

I copied and pasted your exact code and it passes for me. You may need to refresh the page and run the tests again or try a different browser. Sometimes, these html and css challenge are kind of buggy.


#8

Thanks so much I have passed the challenge in the new browser in firefox.