moved homework files

unit_01/w01d04/homework/CSS_Selector/index.html

@@ -11,11 +11,9 @@
   <div class="container">
     <header>
       <nav>
-        <ul>
+          <h1>Portfolio</h1>
-          <li><a href="#">Portfolio</a></li>
+          <h1>Bio</h1>
-          <li><a href="#">Bio</a></li>
+          <h1>Contact</h1>
-          <li><a href="#">Contact</a></li>
-        </ul>
       </nav>
     </header>
 
@@ -27,19 +25,19 @@
       <h1>content</h1>
       <div class="small-boxes">
         <div class="box">
-            <p>The default display style of a &lt;div&gt; tag is <strong>BLOCK</strong>.</p>
+            <p></p>
         </div>
         <div class="box">
-          <p>The best way to horizontally center an element is to set the <em>left-margin</em> and <em>right-margin</em> to <em>auto</em> or use the <em>margin: 0 auto</em> declaration.</p>
+          <p></p>
         </div>
         <div class="box">
-          <p><em>Padding</em> is the space between an element and it's border ("insidey" or "indoorsy"), while <em>margin</em> is the space between that border and an adjacent element ("outsidey" or "outdoorsy").</p>
+          <p></p>
         </div>
         <div class="box">
-          <p><em>Fixed</em> positioning places an element in relation to the browser window, while <em>absolute</em> positioning places an element in relation to it's container.</p>
+          <p></p>
         </div>
         <div class="box">
-          <p>A <em>clearfix</em> will auto-size a floating element's container to match the floating element itself.  Otherwise, the element can flow outside it's container in wonky ways.</p>
+          <p></p>
         </div>
        </div>
        <div class="big-boxes">
@@ -57,4 +55,3 @@
 
 </body>
 </html>
-

unit_01/w01d04/homework/CSS_Selector/style.css

@@ -40,7 +40,6 @@ nav ul {
 nav {
   width: 100%;
   height: 100px;
-  margin: ;
 }
 
 nav ul{
@@ -48,10 +47,7 @@ nav ul{
 }
 
 nav h1 ul{
-  list-style-type: none;
+  /*Answer #3 here*/
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
 }
 
 
@@ -65,106 +61,20 @@ p{
 
 }
 
-#one{
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
-}
-
-nav h1 ul li{
-  float: left;
-}
-
 nav h1 ul li:first-child{
   float: right;
 }
 
 nav ul li {
-  float: left;
-}
-
-#two{
-  float: left;
-  margin:;
-}
 
-#three{
-  display: block;
-  width: 120px;
-  height: 50px;
-  font-weight: bold;
-  background-color: transparent;
-  border: 2px solid grey;
-  margin: 25px 10px;
-  text-align: center;
-  padding: 10% 0;
-  text-decoration: none;
-  text-transform: uppercase;
 }
-#navcontainer ul
-{
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-  overflow: hidden;
-}
-ul#navlist
-{
-padding: 0;
-margin: 0;
-list-style-type: none;
-float: left;
-width: 100%;
-color: #fff;
-background-color: #036;
 
-}
+nav{
-  nav{
     position:relative;
     left: 0px;
     width: 200px;
-  }
-}
-/*
-display: block;
-width: 120px;
-height: 50px;
-font-weight: bold;
-color: #000;
-background-color: transparent;
-border: 2px solid grey;
-margin: 25px 10px;
-text-align: center;
-padding: 10% 0;
-text-decoration: none;
-text-transform: uppercase;
-*/
-ul#navlist li { display: inline; }
-
-ul#navlist li a
-{
-
-display: block;
-width: 120px;
-height: 50px
-font-weight: bold;
-color: #000;
-background-color: transparent
-border: 2px solid grey;
-margin: 25px 10px;
-text-align: center;
-padding: 10% 0;
-text-decoration: none;
-text-transform: uppercase;
-}
-
-ul#navlist li a:hover{
-background-color: #369;
-color: #fff;
 }
 
-
 header{
   width: 100%;
 }