Use @for to Create a Sass Loop-Fail

Use @for to Create a Sass Loop-Fail
0

#1

Tell us what’s happening:
Where is the problem please tell me?

Your code so far



<style type='text/sass'>
  
  @for $j from 1 through 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/68.0.3440.106 Safari/537.36.

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


#2

You can check this issue here, someone has find a workaround for this, your code is fine


#3

Keep clicking the Run Test button, that’s a weird one, but it passes when i tried :smile:


#4

Thank you I pass it with Firefox.