codingwrita
diff --git a/‎learn/media-queries/grid.html‎
Lines changed: 4 additions & 0 deletions b/‎learn/media-queries/grid.html‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎learn/selectors/after-icon.html‎
Lines changed: 3 additions & 3 deletions b/‎learn/selectors/after-icon.html‎
Lines changed: 3 additions & 3 deletions
diff --git a/‎learn/selectors/before.html‎
Lines changed: 3 additions & 3 deletions b/‎learn/selectors/before.html‎
Lines changed: 3 additions & 3 deletions
diff --git a/‎tools/color-picker/index.html‎
Lines changed: 3 additions & 10 deletions b/‎tools/color-picker/index.html‎
Lines changed: 3 additions & 10 deletions
@@ -41,6 +41,10 @@
         background-color: rgba(207, 232, 220, 0.7);
       }
 
+      .content {
+        margin-bottom: 1em;
+      }
+
       .related {
         background-color: rgba(79, 185, 227, 0.3);
         border: 1px solid rgb(79, 185, 227);
 
@@ -11,7 +11,7 @@
 
     <style class="editable">
     .box::after {
-        content: " ➥"
+        content: " ➥";
     }
 
     </style>
@@ -24,7 +24,7 @@
 
     <textarea class="playable playable-css" style="height: 80px;">
 .box::after {
-    content: " ➥"
+    content: " ➥";
 }   
     </textarea>
 
@@ -38,4 +38,4 @@
 </body>
 <script src="../playable.js"></script>
 
-</html>
+</html>
@@ -11,7 +11,7 @@
 
     <style class="editable">
     .box::before {
-        content: "This should show before the other content."
+        content: "This should show before the other content. ";
     }
 
     </style>
@@ -24,7 +24,7 @@
 
     <textarea class="playable playable-css" style="height: 80px;">
 .box::before {
-    content: "This should show before the other content."
+    content: "This should show before the other content. ";
 }   
     </textarea>
 
@@ -38,4 +38,4 @@
 </body>
 <script src="../playable.js"></script>
 
-</html>
+</html>
@@ -1,22 +1,18 @@
 <!DOCTYPE html>
-
-<html lang="en">
+<html lang="en-US">
   <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8"/>
     <title>Color picker</title>
-    <link rel="stylesheet" href="styles.css">
+    <link rel="stylesheet" href="styles.css"/>
   </head>
-
   <body>
-
     <div id="container">
         <div id="palette" class="block">
             <div id="color-palette"></div>
             <div id="color-info">
                 <div class="title"> CSS Color </div>
             </div>
         </div>
-
         <div id="picker" class="block">
             <div class="ui-color-picker" data-topic="picker" data-mode="HSL"></div>
             <div id="picker-samples" sample-id="master"></div>
@@ -27,14 +23,11 @@
                 <div id="void-sample" class="icon"></div>
             </div>
         </div>
-
         <div id="canvas" data-tutorial="drop">
             <div id="zindex" class="ui-input-slider" data-topic="z-index" data-info="z-index"
                 data-max="20" data-sensitivity="10"></div>
         </div>
     </div>
-
   <script src="script.js"></script>
   </body>
-
 </html>