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>

لقطة شاشة