Problem of Use @for to Create a Sass Loop

Tell us what’s happening:
why notice me that:


class should have a


of 10px.

Your code so far


<style type='text/sass'>
@for $j from 1 through 5 {
  .text-#{$j} { 
    font-size: 10px * $j;   

<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/78.0.3904.108 Safari/537.36.

Challenge: Use @for to Create a Sass Loop

Link to the challenge:

may it be that your browser has a minimum font size higher than 10px? that may explain why that one is the only one that doesn’t pass
you can check that in your browser settings (you may need to google how to find font settings depending on your browser)