Freecodecamp: Desafio Sass: Use @each para mapear itens em uma lista

Nome do Desafio

Use @each para mapear itens em uma lista

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

descrição do problema

Meu código funciona claramente e fornece o resultado correto na seção de visualização, mas por algum motivo eu não
entendo que não passo no desafio.

Informação do navegador

• Nome do navegador, versão: Chrome 64.0.3282.186
• Sistema operacional: Windows 7
• Celular, desktop ou tablet:

Seu código

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