Sass: Apply a Style Until a Condition is Met with @while

Sass: Apply a Style Until a Condition is Met with @while
0

#1

Tell us what’s happening:
Hello guys,
Is there a mistake?
I can’t complete the challenge for some reason

Your code so far


<style type='text/sass'>
$i: 1;
@while $i < 11 {
    .text-#{$i} { font-size: 5px * $i;}
    $i: $i + 1;
}
  
  
</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>
<p class="text-6">Hello</p>
<p class="text-7">Hello</p>
<p class="text-8">Hello</p>
<p class="text-9">Hello</p>
<p class="text-10">Hello</p>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3396.99 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/front-end-libraries/sass/apply-a-style-until-a-condition-is-met-with-while


#2

Your code is correct, so you may just need to refresh the page and re run the tests. Also, make sure you are not using Edge or Internet Explorer, because those browsers do not work well with the new curriculum.


#4

I tried several times run it in chrome, opera, Firefox and everywhere the same result.
So, I don’t even know what to do


#5

Apparently it’s a bug. Somebody suggested inline styles to pass the test, which seems to be the only way to pass them.