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

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

#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


#2

Browsers like Safari and Edge do not work well with FCC’s test suite, because those browsers lack the features used by FCC’s test suite. Trying using Chrome with all of the FCC challenges and you should not have this issue.