Error in Sass Lesson

Error in Sass Lesson
0

#1

I am not passing the first lesson of the Sass Units:
https://learn.freecodecamp.org/front-end-libraries/sass/store-data-with-sass-variables

I’ve declared $text-color, assigned red to it and assigned the variable to color, but the consol still says

“// running test
Your .blog-post element should have a color of red.
Your h2 elements should have a color of red.
// tests completed”


Is this a Bug or am I blind and doing something wrong?

Here's my Code

"<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>"

#2

Currently there is an open issue on github, this is a bug indeed. I hope they’ll solve it soon. Feel free to skip it for now. Some of the following lessons also buggy.


#3

Thanks for the heads up :slight_smile:


#4

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make easier to read.

Note: Backticks are not single quotes.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.