Sass @for loop not working

Tell us what’s happening:
Describe your issue in detail here.

Help!!!My code isn’t working even after typing in the Hint

  **Your code so far**

<style type='text/scss'>

@for $j from 1 to 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; rv:97.0) Gecko/20100101 Firefox/97.0

Challenge: Use @for to Create a Sass Loop

Link to the challenge:

The code works for me.

This involves size. Some accessibility settings can mess with size. Some browser extensions can affect these tests.

Other than that, reboot, reset the browser cache, and/or try a different browser. If none of that works, back out of the challenge and move onto the next one.

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