From c8aed97e48e6131eb453985b019326341dc43f3e Mon Sep 17 00:00:00 2001
From: Paul Gamble <pgamble@gmail.com>
Date: Tue, 23 Oct 2018 08:16:30 -0400
Subject: [PATCH] Added solution to this challenge. (#25470)

---
 ...ach-to-map-over-items-in-a-list.english.md | 42 ++++++++++++++++++-
 1 file changed, 41 insertions(+), 1 deletion(-)

diff --git a/curriculum/challenges/english/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.english.md b/curriculum/challenges/english/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.english.md
index 452ca02813..6d44dd6f09 100644
--- a/curriculum/challenges/english/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.english.md
+++ b/curriculum/challenges/english/03-front-end-libraries/sass/use-each-to-map-over-items-in-a-list.english.md
@@ -72,8 +72,48 @@ tests:
 
 ## Solution
 <section id='solution'>
+  
+The solution requires using the $color variable twice: once for the class name and once for setting the background color. You can use either the list or map data type.
 
+### List Data type
 ```js
-// solution required
+<style type='text/sass'>
+  
+  @each $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>
 ```
+
+### Map Data type
+```js
+<style type='text/sass'>
+  
+  $colors: (color1: blue, color2: black, color3: red);
+   
+  @each $key, $color in $colors {
+    .#{$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>
+```  
+  
+  
 </section>