SASS - Use @for to Create a Sass Loop

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
pls how do i make my text-1 class have the font-size of 15px

  **Your code so far**

<style type='text/scss'>
@for $j from 1 through 10 {
.foo:text-1(#{$j}) {
  font-size: 15px;
}
}

</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/105.0.0.0 Safari/537.36

Challenge: SASS - Use @for to Create a Sass Loop

Link to the challenge:

2

Reread the challenge again, all the information is there! Don’t forget to use the example to help you understand it too.

3

Hello!

you have a few syntax errors, can’t blame you, this isn’t easy.
Here’s the template for “@for” as an orientation:

@for $j from num 1 to or through num 2 {
.element-#{$j} { property: value math method $j}
}

Now it’s your turn, best solve it step by step,
Like brajeshpatel said you can find all infos in
the task, good luck.

4

Tell us what’s happening:
Describe your issue in detail here.
pls how do i pass the second step

  **Your code so far**

<style type='text/scss'>
@for $j from 1 through 10 {
.foo:text-1(#{$j}) {
  font-size: 15px;
}
}

</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/105.0.0.0 Safari/537.36

Challenge: SASS - Use @for to Create a Sass Loop

Link to the challenge:

5

What does the .foo do?

6

I showed you a template how to solve this when you posted your question the first time. You just have to fill in the blanks.

Sorry, but we can’t give you a full solution = spoilers in the forum.

7

i think i tried it, but i dont know how to fill in the values

8

Please don’t create duplicate topics. It makes people confused and somas the forum.
I have merged your topics.

9

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