From 7209ff9c5b80bb894123ad7e0f22991a51c70fc3 Mon Sep 17 00:00:00 2001
From: Micah Godbolt <mgodbolt@microsoft.com>
Date: Wed, 27 Feb 2019 17:35:05 -0800
Subject: [PATCH] added comment about remaining class, updated span to i tag,
 fixes #30

---
 step1-02/exercise/README.md  | 2 +-
 step1-02/final/index.html    | 4 +++-
 step1-03/demo/index.html     | 2 +-
 step1-03/exercise/index.html | 2 +-
 step1-03/final/index.html    | 2 +-
 5 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/step1-02/exercise/README.md b/step1-02/exercise/README.md
index e09495f..b5c4e8d 100644
--- a/step1-02/exercise/README.md
+++ b/step1-02/exercise/README.md
@@ -4,7 +4,7 @@
 2. Add 4 list items with class `todo` inside of that list with the following content
    `<label><input type="checkbox" /> <span class="title"> Todo </span> </label>`
 3. Add a span and a button to your footer
-4. Span content should be `4 items left` and button should say `Clear Completed` and have a class of `submit`
+4. Span content should be `<i class="remaining>4</i> items left` and button should say `Clear Completed` and have a class of `submit`
 5. Go into the CSS file and add `display: flex` to the footer. Also add `flex-grow:1` to the span inside of the footer
 
 > Hint: Look back at the CSS demo to see the various ways you can use selectors to target existing HTML
diff --git a/step1-02/final/index.html b/step1-02/final/index.html
index d382af1..951b659 100644
--- a/step1-02/final/index.html
+++ b/step1-02/final/index.html
@@ -32,6 +32,8 @@
         </li>
       </ul>
     </main>
-    <footer><span>4 items left</span> <button class="submit">Clear Completed</button></footer>
+    <footer>
+      <span><i class="remaining">4</i> items left</span> <button class="submit">Clear Completed</button>
+    </footer>
   </body>
 </html>
diff --git a/step1-03/demo/index.html b/step1-03/demo/index.html
index 285b5f2..b09e25e 100644
--- a/step1-03/demo/index.html
+++ b/step1-03/demo/index.html
@@ -32,7 +32,7 @@
       </li>
     </ul>
     <footer>
-      <span><span class="remaining">4</span> items left</span>
+      <span><i class="remaining">4</i> items left</span>
       <button class="submit">Clear Completed</button>
     </footer>
   </body>
diff --git a/step1-03/exercise/index.html b/step1-03/exercise/index.html
index dd41733..02065c2 100644
--- a/step1-03/exercise/index.html
+++ b/step1-03/exercise/index.html
@@ -32,7 +32,7 @@
       </li>
     </ul>
     <footer>
-      <span><span class="remaining">4</span> items left</span>
+      <span><i class="remaining">4</i> items left</span>
       <button class="submit">Clear Completed</button>
     </footer>
   </body>
diff --git a/step1-03/final/index.html b/step1-03/final/index.html
index 77f6662..deebeaf 100644
--- a/step1-03/final/index.html
+++ b/step1-03/final/index.html
@@ -32,7 +32,7 @@
       </li>
     </ul>
     <footer>
-      <span><span class="remaining">4</span> items left</span>
+      <span><i class="remaining">4</i> items left</span>
       <button onclick="clearCompleted()" class="submit">Clear Completed</button>
     </footer>
   </body>