Please help with this sass problem

HTML-CSS
1

Tell us what’s happening:
i tried working on this and still getting eror on the fcc course

Your code so far


<style type='text/sass'>

$text-color: red; // Declaration of the variable "text-color".

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

</style>


</details>

<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/83.0.4103.61 Safari/537.36.

Challenge: Store Data with Sass Variables

Link to the challenge:

2

Your code seems to be working on my end :thinking:

3

yeah, i thought so too but coming back with this error comment on my end:
// running tests Your

.blog-post

element should have a color of red. Your

h2

elements should have a color of red. // tests completed

4

You didn’t change anything in the HTML, right?

5

You changed the type attribute on the style element, it should be type='text/scss' not type='text/sass'.

1 Like