Problem of Use @for to Create a Sass Loop

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

.text-1

class should have a

font-size

of 10px.

Your code so far

html

<style type='text/sass'>
@for $j from 1 through 5 {
  .text-#{$j} { 
    font-size: 10px * $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 (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:
https://www.freecodecamp.org/learn/front-end-libraries/sass/use-for-to-create-a-sass-loop

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)