diff --git a/guide/english/certifications/front-end-libraries/sass/use-each-to-map-over-items-in-a-list/index.md b/guide/english/certifications/front-end-libraries/sass/use-each-to-map-over-items-in-a-list/index.md
index 543785663e..7ee05ce71d 100644
--- a/guide/english/certifications/front-end-libraries/sass/use-each-to-map-over-items-in-a-list/index.md
+++ b/guide/english/certifications/front-end-libraries/sass/use-each-to-map-over-items-in-a-list/index.md
@@ -3,11 +3,31 @@ title: Use @each to Map Over Items in a List
 ---
 ## Use @each to Map Over Items in a List
 
-## Solution
+The @each directive loops over a list and for each iteration the variable is assigned the value in the list.
 
-```sass
+## Example:
+
+```html
 <style type='text/sass'>
   
+@each $color in white, black, blue {
+  .#{$color}-font {
+    color: $color;
+  }
+}
+
+</style>
+
+<div class="white-font"></div>
+<div class="black-font"></div>
+<div class="blue-font"></div>
+```
+
+## Solution
+
+```html
+<style type='text/sass'>
+
   @each $color in blue, black, red {
     .#{$color}-bg {background-color: $color;}
   }
@@ -16,6 +36,7 @@ title: Use @each to Map Over Items in a List
     height: 200px;
     width: 200px;
   }
+
 </style>
 
 <div class="blue-bg"></div>
@@ -23,7 +44,6 @@ title: Use @each to Map Over Items in a List
 <div class="red-bg"></div>
 ```
 
-
 The solution above will generate the following CSS:
 
 ```css