Sass: Use @for to Create a Sass Loop new version

Tell us what’s happening:

I’m really confused, as far as I know the code is correct. Googled and searched it’s the same challenge as others, just that this is 15px now. Is it something obvious I am missing?

Your code so far


<style>
@for $j from 1 through 6 {
  .text-#{$j} { font-size: 15px * $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/88.0.4324.150 Safari/537.36.

Challenge: Use @for to Create a Sass Loop

Link to the challenge:

It ran perfect for me on my end

Hi @Cyath !

You changed the style tag from the original. If you reset the lesson you will notice that there was something in the original opening style tag.

If you add that back in then the test will pass.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.