---
id: 587d7dbf367417b2b2512bba
title: Use @each to Map Over Items in a List
required:
- src: 'https://cdnjs.cloudflare.com/ajax/libs/sass.js/0.10.9/sass.sync.min.js'
raw: true
challengeType: 0
videoUrl: ''
localeTitle: ''
---
## Description
undefined
## Instructions
undefined
## Tests
```yml
tests:
- text: ''
testString: 'assert(code.match(/@each /g), "Your code should use the @each
directive.");'
- text: ''
testString: 'assert($(".blue-bg").css("background-color") == "rgb(0, 0, 255)", "Your .blue-bg
class should have a background-color
of blue.");'
- text: ''
testString: 'assert($(".black-bg").css("background-color") == "rgb(0, 0, 0)", "Your .black-bg
class should have a background-color
of black.");'
- text: ''
testString: 'assert($(".red-bg").css("background-color") == "rgb(255, 0, 0)", "Your .red-bg
class should have a background-color
of red.");'
```
## Challenge Seed
## Solution
```js
// solution required
```