padding done

Author: abominalizer

margin-and-padding/01-margin-and-padding-1/style.css

@@ -7,22 +7,22 @@ body {
   background: pink;
   border: 3px solid blue;
   /* CHANGE ME */
-  padding: 0px;
-  margin: 0px;
+  padding: 50px;
+  margin: 10px;
 }
 
 .two {
   background: lightblue;
   border: 3px solid purple;
   /* CHANGE ME */
-  margin-bottom: 0px;
+  margin-bottom: 60px;
 }
 
 .three {
   background: peachpuff;
   border: 3px solid brown;
   width: 200px;
   /* CHANGE ME */
-  padding: 0px;
-  margin-left: 0px;
+  padding: 20px;
+  margin-left: 100px;
 }

margin-and-padding/02-margin-and-padding-2/index.html

@@ -11,7 +11,7 @@
     <div class="card">
       <h1 class="title">I'm a card</h1>
       <div class="content">I have content inside me..lorem ipsum blah blah blah. Here's some stuff you need to read.</div>
-      <div class="button-container">and a <button>BIG BUTTON</button></div>
+      <div class="button-container">and a <p><button>BIG BUTTON</button></p></div>
     </div>
   </body>
 </html>

margin-and-padding/02-margin-and-padding-2/style.css

@@ -7,6 +7,7 @@ body {
   width: 400px;
   background: #fff;
   margin: 16px auto;
+  padding: 8px;
 }
 
 .title {
@@ -15,13 +16,17 @@ body {
 
 .content {
   background: #e3f4ff;
+  padding: 20px;
 }
 
 .button-container {
   background: #e3f4ff;
+  text-align: center;
 }
 
 button {
   background: white;
   border: 1px solid #eee;
+  padding: 8px 24px;
+  
 }