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>

スクリーンショット