Issue with Sass challenge

Hi! I am having issues with this challenge, I don’t understand what is wrong with my code and also in most of the Sass challenges I keep getting a “timeout” message.

Thanks in advance!


<style type='text/sass'>

@for $j from 1 to 6{
  .text-#{$j} { font-size: 10px * $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/79.0.3945.130 Safari/537.36.

Challenge: Use @for to Create a Sass Loop

Link to the challenge:
https://www.freecodecamp.org/learn/front-end-libraries/sass/use-for-to-create-a-sass-loop

Check the px requirements again.

font-size set to 15px multiplied by the index.

1 Like