Use @for to Create a Sass Loop - please fix this bug!

HTML-CSS
1

hi all-
ok what is wrong with this code…?? wont past test…
thnx

Your code so far


 <style type='text/sass'>
  @for $j from 1 to 6 {
  .text-#{$j} { font-size: 10px * $j; }
  }
  
  
</style>

<p class="text-1">Hello</p>
<p class="text-2">Hello</p>
<p class="text-3">Hello</p>
<p class="text-4">Hello</p>
<p class="text-5">Hello</p>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/sass/use-for-to-create-a-sass-loop

2

Idk why there are so many bugs in this section either.

try not to use tabs. And see what happens. I don’t know what actually passes or fails, but not using any tabs passed for me

3

k, will try that…i ve tried a myriad of things… space, no space, refresh, cut and paste, different days, a ‘please pass the test’ dance, etc…to no avail!

4

And then if all else fails, see if you can do in-line styles like <h1 style:“color:red”>

1 Like
5

this is what i ended up doing to the 4 sass challenges that have these bugs…thnx

6

ie…

i had add background style to the div tags..... to get these bugged sass challenges to pass their test....!!

<div class="blue-bg" style="background-color: blue"></div>
<div class="black-bg" style="background-color: black"></div>
<div class="red-bg" style="background-color: red"></div>