The SASS task cannot be completed

HTML-CSS
1

The SASS task " Use @each to Map Over Items in a List" cannot be completed.
Please fix it https://www.freecodecamp.org/learn/front-end-development-libraries/sass/use-each-to-map-over-items-in-a-list

2

HI @Se330us !

I just tested the challenge and was able to pass.

Can you please share your code so we can determine if there is a problem with your answer or browser.

Thanks!

3

Tried all solutions even FCC’s

<style type='text/sass'>

  @each $color in blue, black, red {
    .#{$color}-bg {background-color: $color;}
  }
  
  div {
    height: 200px;
    width: 200px;
  }

</style>

<div class="blue-bg"></div>
<div class="black-bg"></div>
<div class="red-bg"></div>
4

The problem is here

The correct type is this

type='text/scss'

I will go ahead and update the solution page.
But you should be able to pass with that change.

5

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