Hello everybody,
I’ve tried to find a solution but wasn’t succesful so far.
With <style type='text/scss'> the iframe doesn’t show anything and since the parsed code seems to come across problems, the test produces errors on the two questions about applied code ( Your .blog-post element should have a color of red. & Your h2 elements should have a color of red.). Code is shown perfectly fine with just ‘text/css’ but that’s obviously no solution here.
Funnily enough I can trick it if i click on “run the test” a cupple of times in quick succession. Would be nice to see my coding results in the iframe and solve it the way I’m meant to though.
Thanks in advance!
Cheers
**Your code so far**
<style type='text/scss'>
$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 10.0; Win64; x64; rv:96.0) Gecko/20100101 Firefox/96.0
The posted code does not have the variable that was asked for. You have to declare the variable $text-color and set it to the value red, then use that variable in the .blog-post, h2 for the color property.
If the code you posted is not the code you used when submitting please post that code instead.
Yes, sorry! I changed it to the submitted solution. The code I had first was just unchanged lesson code. Nevertheless, solution or just given lesson code, the result should be visible in the iframe, right? The challenge-preview-frame is just blank with usage of <style type='text/scss'>