Freecodecamp: Sass 과제 : @each를 사용하여 목록의 항목에 매핑

도전 이름

@each 를 사용하여 목록의 항목에 매핑

https://beta.freecodecamp.org/en/challenges/sass/use-each-to-map-over-items-in-a-list

문제 설명

내 코드가 명확하게 작동하고 미리보기 섹션에서 올바른 결과를 제공하지만 어떤 이유로 든
내가 도전을 통과하지 못한다는 것을 이해하십시오.

브라우저 정보

• 브라우저 이름, 버전 : Chrome 64.0.3282.186
• 운영 체제 : Windows 7
• 모바일, 데스크톱 또는 태블릿 :

귀하의 코드

<style type='text/sass'>
<strong i="27">@each</strong> $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>

스크린 샷