Freecodecamp: Desafío Sass: use @each para mapear elementos en una lista

Nombre del desafío

Utilice @each para

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

descripcion del problema

Mi código funciona claramente y proporciona el resultado correcto en la sección de vista previa, pero por alguna razón no lo hago.
Entiendo que no paso el desafío.

Información del navegador

• Nombre del navegador, versión: Chrome 64.0.3282.186
• Sistema operativo: Windows 7
• Móvil, escritorio o tableta:

Tu codigo

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

Captura de pantalla