Apply a Style Until a Condition is Met with @while (2)

Tell us what’s happening:
The code is doing fine, i can see the desired results on the Chrome dev tool,
the previous challenge also didn’t pass for me.
I’m tired of deleting cookies and loosing my “current logged in status” in all websites, also it can be a small syntax like space as i encountered before, did someone already figured it out?

Your code so far


<style type='text/sass'>
  
  $x: 1;
@while $x <= 10 {
  .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:

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

Already tried this; { font-size: 5 * $x#{px};} instead :-/ didn’t work.