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