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

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

1 Like

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

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

1 Like

Hi,
I tried it for the first Hello (where I get the bug) but still doesn’t work.

It should be fixed (on master)

Not sure how, or how often, FCC updates the site. But I’m curious, can somebody that knows about the process give a quick rundown?

font-size should be 15px instead of 5px