Https://www.freecodecamp.org/learn/front-end-libraries/sass/use-for-to-create-a-sass-loop

HTML-CSS
1

Tell us what’s happening:
Very confused! The text of the preview version doesn’t show the style which I set up to. : (

Your code so far
@for $j from 1 through 5 {
.text-#{$j} { font-size: 10 * $j; }
}


<style type='text/sass'>
@for $j from 1 through 5 {
  .text-#{$j} { font-size: 10 * $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 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36.

Challenge: Use @for to Create a Sass Loop

Link to the challenge:

2

what unit are you using?

3

It does not work with px

Neither can work, whether with or without “px”. : (

4

bug02
bug022876×1560 505 KB

5

you have changed this, it is why it doesn’t work

6

Awww… I got it and resolved it. Thank you so much. : )