Tell us what’s happening:
I’m really confused, as far as I know the code is correct. Googled and searched it’s the same challenge as others, just that this is 15px now. Is it something obvious I am missing?
Your code so far
<style>
@for $j from 1 through 6 {
.text-#{$j} { font-size: 15px * $j };
}
</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/88.0.4324.150 Safari/537.36
.
Challenge: Use @for to Create a Sass Loop
Link to the challenge: