SASS - Apply a Style Until a Condition is Met with @while

Tell us what’s happening:
Describe your issue in detail here.
i passed the challenge but i can’t figure out why i should use the number 11

Your code so far

<style type='text/scss'>
$x: 1;
@while $x < 11 {
  .text-#{$x} {font-size: 15 * $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>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36 OPR/91.0.4516.106

Challenge: SASS - Apply a Style Until a Condition is Met with @while

Link to the challenge:

11 is not wrong, but is not correct either.

Try a smaller number…Remember you only need 5 font sizes…

1 Like

We have blurred this solution so that users who have not completed this challenge can read the discussion in this thread without giving away the solution.

Ok , redone the challenge with 6 in lieu of 11, and I can understand better the solution

1 Like