Freecodecamp: Défi Sass : utilisez @each pour mapper les éléments d'une liste

Nom du défi

Utilisez @each pour

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

Description du problème

Mon code fonctionne clairement et fournit le bon résultat dans la section d'aperçu, mais pour une raison quelconque, je ne le fais pas
comprendre que je ne réussis pas le défi.

Informations sur le navigateur

• Nom du navigateur, version : Chrome 64.0.3282.186
• Système d'exploitation : Windows 7
• Mobile, ordinateur de bureau ou tablette :

Votre code

<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>

Capture d'écran