Use @for to Create a Sass Loop - test 1 failing

HTML-CSS
1

Tell us what’s happening:

first test is failing, I get the following message
Your .text-1 class should have a font-size of 10px.

but when i check with developer mode , it tells me that the font for text-1 is set to 10px

Your code so far


<style type='text/sass'>
  @for $j from 1 to 6{
  .text-#{$j}{font-size: $j*10px;}
  }
  
  
</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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/sass/use-for-to-create-a-sass-loop