Use @for produces an error

Tell us what’s happening:
Describe your issue in detail here.
Even though my code seems correct to me and the result produced seems to be the desired one, I get this error:

Your .text-1 class should have a font-size of 15px.
Your .text-2 class should have a font-size of 30px.
Your .text-3 class should have a font-size of 45px.
Your .text-4 class should have a font-size of 60px.
Your .text-5 class should have a font-size of 75px.

  **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 (Windows NT 10.0; Win64; x64; rv:91.0) Gecko/20100101 Firefox/91.0

Challenge: Use @for to Create a Sass Loop

Link to the challenge:

Your code passes for me. Sometimes these things just glitch.

Make sure you don’t have dark mode on your browser.

Reboot, reset the browser cache, try a different browser…

If none of that works, just back out of this challenge and move onto the next one.

Yeah, I tried it on another browser, and it worked. I don’t understand what blocked it in this one thought, since I had deactivated all extensions. Anyway, thanks for the help.

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