Tell us what’s happening:
Hey guys, this lesson has me writing a while loop to set up multiple font sizes in Sass. I was able to pass all the tests except for the “Your code should increment the counter variable.” test, until I added the extra $i: $i+1
right above the closing </style>
tag. After that I passed the test.
I usually don’t have this issue with while loops. Is this a problem with the testing script or am I missing a fundamental of Sass?
Your code so far
<style type='text/sass'>
$i:1;
@while $i<6{
.text-#{$i} { font-size: 15px * $i;}
$i: $i+1
}
$i:$i+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; rv:76.0) Gecko/20100101 Firefox/76.0
.
Challenge: Apply a Style Until a Condition is Met with @while
Link to the challenge: