Use @for to Create a Sass Loop.help

HTML-CSS
1

Tell us what’s happening:

test doesntt passing

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 6.3) 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

@for is used in two ways: “start through end” or “start to end”. The main difference is that "start to end" excludes the end number, and "start through end" includes the end number.

You have done “start through end”, therefore you are including 6 too, replace 6 by 5 in your @for, since they ask to create only 5 classes

3

i replaced but it still did,nt work

4

It wont work and neither do the next 3 challenges after it because its a bug and it still needs to be fixed by fcc.

1 Like
5

Yep it seems to be a bug, it seems to be browser dependant, but i’m able to pass it when i tried
And some feel this way,

6

i think let us wait for the bugs to be fixed.