[SOLVED]Still getting an error with Sass: Apply a Style Until a Condition is Met with @while

freeCodeCamp Support
1

Tell us what’s happening:
Code not passing on Safari and Chrome(both updated to current version and cache cleared).
I’ve had this problem since about 2 or 3 months ago. I went back to check if the bug is fixed already.

Your code so far
<style type=‘text/sass’>

$x: 1;

@while $x < 11 {

.text-#{$x} { font-size: 5px * $x;}

$x: $x + 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:

Safari Version 12.1 (14607.1.40.1.4)
Chrome Version 73.0.3683.103 (Official Build) (64-bit)

Link to the challenge:

error1
error11920×1080 496 KB
error2
error21920×1080 399 KB

2

When I copy your code into the challenge it works.From your screenshot,it looks like the first two "Hello"s are about 12px. The first one certainly isn’t 5px. I suspect that you have a setting which imposes a minimum font size, so the browser is increasing the size of the first two "Hello"s. You can try to track down where this setting is or you could just move on past the challenge, since your solution is the correct one.

3

You’re right. I’ve placed the settings on safari to not show font sizes smaller than 12px. Thank you!