Test case error" Your .text-1 class should have a font-size of 15px."

[MuhammadIbrahim]

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<style type='text/scss'>
@for $j from 1 through 5 {
  .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; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/101.0.4951.67 Safari/537.36

Challenge: Use @for to Create a Sass Loop

Link to the challenge:

freeCodeCamp.org

[bbsmooth]

@MuhammadIbrahim

@for $j from 1 through 5 {
  .text-#{$j} { font-size: 15px * $j;
               }
  
}

Your code passes for me. I’m guessing that you do not have your browser at the default font size settings and thus the tests aren’t calculating the font size on the various <p>s correctly. For example, if I manually increase the font size even the tiniest bit then the tests fail. So if you are zooming the page or have your default font size increased then you’ll either have to put it back to the default or use a different browser and don’t change the font size in that browser.

[MuhammadIbrahim]

Thank you very much Mr. Yes, I changed the default font size of my browser.
As per your instruction, I tried IE, And the Test is passed now.