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

HTML-CSS
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

1 Like
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.

2 Likes
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.

1 Like
6

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

7

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?

8
9

font-size should be 15px instead of 5px

10