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

HTML-CSS
1

Tell us what’s happening:
Your code should use an index variable which starts at an index of 1.

Your code so far

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

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

Link to the challenge:

2

pls someone help me with this

3
  • wrong syntax, you’re supposed to “multiply” first and then use “px”, also “px” is default (if im not wrong) you might not have to use that here altogether, simply use that calculation instead and see if that solves it or not

happy learning :slight_smile:

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.