SASS - Use @for to Create a Sass Loop

Tell us what’s happening:
Describe your issue in detail here.
I am getting this issue : // running tests Your

.text-1

class should have a

font-size

of 15px. // tests completed
Your code so far

<style type='text/scss'>
  @for $j from 1 through 5 {
    .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 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/117.0.0.0 Safari/537.36 Edg/117.0.2045.35

Challenge: SASS - Use @for to Create a Sass Loop

Link to the challenge:

Your code passes for me, it could be an incompatibility with your browser, feel free to go to next challenge, it will have no consequences

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