diff --git a/step1-02/README.md b/step1-02/README.md index 76a85b1..8d44827 100644 --- a/step1-02/README.md +++ b/step1-02/README.md @@ -44,12 +44,3 @@ Here's a more detailed view from [Chris Eppstein](https://twitter.com/chriseppst Selectors can be a single tag, class, ID, or attribute. It can also be a [combination](https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors) of those elements. - -Below is a series of selectors and property/value combinations that we'll apply to our CSS demo page. - -```css -``` - -## Next Step - -[JavaScript Demo](../js-demo) diff --git a/step1-02/exercise/index.html b/step1-02/exercise/index.html index 02cf8d4..2d656e1 100644 --- a/step1-02/exercise/index.html +++ b/step1-02/exercise/index.html @@ -25,27 +25,29 @@ /* Bonus */
+<!-- Without changing the below markup apply the styles asked for in the markup. Do not apply styles that a tag doesn't ask for --> 
+
 <section>
   <h2>1. Text Color: Red</h2>
   <div>2. Color Green (hint: Sibling Selector)</div>
+  <main>
     <ul class="myList">
       <li>
-      3. Border Green
+        3. Border Green
       </li>
     </ul>
-  <main>
-  <div class="myClass">4. Background Green</div>
-  <div class="myClass otherClass">
-    5. Background Green & Color White 
-    (Hint Qualified Selector)
+    <div class="myClass">4. Background Green</div>
+    <div class="myClass otherClass">
+      5. Background Green & Color White 
+      (Hint Qualified Selector)
     </div>
-  <div id="myId" class="otherClass">6. Background Yellow</div>
+    <div id="myId" class="otherClass">6. Background Yellow</div>
   </main>
   <ul>
-      <li>
-          Don't Style Me
-      </li>
-    </ul>
+    <li>
+      Don't Style Me
+    </li>
+  </ul>
   <div>Bonus: Border Pink</div>
 </section>