SASS while Lesson Bug

HTML-CSS
#1

My answer of

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

does not pass all tests rather it tells me Your .text-1 class should have a font-size of 5px. The solution should work shouldn’t it?

1 Like
#2

I think you should post your question to this category

#3

Are you on an Apple device? I believe that they often have a default browser setting that forces a minimum font size of 6px.

1 Like
#4

it happened to me as well. i’m on chromium linux and that’s the case. thank you

#5

This should work. What browser are you using? Chrome works best.

#6