Use @for to Create a Sass Loop (help)

HTML-CSS
1

Tell us what’s happening:
got stuck with it

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/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

1 Like
2

Check this issue here for this test,

1 Like
3

Your solution passes for me. I’d try again, reboot, try a different browser, clear the browser cache, etc. If none of those work, just move on to the next one.

1 Like
4

Thanks dear Sujith3021 and Dear kevinSmith for your help I have done it on Mozila