From 6a4c1c2f27c8d35343f4818319e7b3021c558563 Mon Sep 17 00:00:00 2001
From: cheeks <134818917+leftovertoast@users.noreply.github.com>
Date: Fri, 12 Jul 2024 23:54:13 -0400
Subject: [PATCH] Completed Section

---
 .../01-margin-and-padding-1/COMPLETE.md          |  1 +
 .../01-margin-and-padding-1/style.css            | 10 +++++-----
 .../02-margin-and-padding-2/COMPLETE.md          |  1 +
 .../02-margin-and-padding-2/index.html           |  2 +-
 .../02-margin-and-padding-2/style.css            | 16 ++++++++++++++--
 5 files changed, 22 insertions(+), 8 deletions(-)
 create mode 100644 margin-and-padding/01-margin-and-padding-1/COMPLETE.md
 create mode 100644 margin-and-padding/02-margin-and-padding-2/COMPLETE.md

diff --git a/margin-and-padding/01-margin-and-padding-1/COMPLETE.md b/margin-and-padding/01-margin-and-padding-1/COMPLETE.md
new file mode 100644
index 0000000..0f29b54
--- /dev/null
+++ b/margin-and-padding/01-margin-and-padding-1/COMPLETE.md
@@ -0,0 +1 @@
+ # COMPLETE
diff --git a/margin-and-padding/01-margin-and-padding-1/style.css b/margin-and-padding/01-margin-and-padding-1/style.css
index f4d0a70..ca28db0 100644
--- a/margin-and-padding/01-margin-and-padding-1/style.css
+++ b/margin-and-padding/01-margin-and-padding-1/style.css
@@ -7,15 +7,15 @@ body {
   background: pink;
   border: 3px solid blue;
   /* CHANGE ME */
-  padding: 0px;
-  margin: 0px;
+  padding: 32px;
+  margin: 12px;
 }
 
 .two {
   background: lightblue;
   border: 3px solid purple;
   /* CHANGE ME */
-  margin-bottom: 0px;
+  margin-bottom: 48px;
 }
 
 .three {
@@ -23,6 +23,6 @@ body {
   border: 3px solid brown;
   width: 200px;
   /* CHANGE ME */
-  padding: 0px;
-  margin-left: 0px;
+  padding: 32px;
+  margin-left: auto;
 }
\ No newline at end of file
diff --git a/margin-and-padding/02-margin-and-padding-2/COMPLETE.md b/margin-and-padding/02-margin-and-padding-2/COMPLETE.md
new file mode 100644
index 0000000..0f29b54
--- /dev/null
+++ b/margin-and-padding/02-margin-and-padding-2/COMPLETE.md
@@ -0,0 +1 @@
+ # COMPLETE
diff --git a/margin-and-padding/02-margin-and-padding-2/index.html b/margin-and-padding/02-margin-and-padding-2/index.html
index c3a26c4..5441895 100644
--- a/margin-and-padding/02-margin-and-padding-2/index.html
+++ b/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 <br><button>BIG BUTTON</button></div>
     </div>
   </body>
 </html>
diff --git a/margin-and-padding/02-margin-and-padding-2/style.css b/margin-and-padding/02-margin-and-padding-2/style.css
index 00d1de5..40a5bdf 100644
--- a/margin-and-padding/02-margin-and-padding-2/style.css
+++ b/margin-and-padding/02-margin-and-padding-2/style.css
@@ -6,22 +6,34 @@ body {
 .card {
   width: 400px;
   background: #fff;
-  margin: 16px auto;
-}
+  margin: 8px;
+  padding: 15px;
+  }
 
 .title {
   background: #e3f4ff;
+  font-size: 16px;
+  padding: 8px;
 }
 
 .content {
   background: #e3f4ff;
+  padding-top: 16px;
+  padding-bottom: 16px;
+  padding-left: 8px;
+  padding-right: 8px;
 }
 
 .button-container {
   background: #e3f4ff;
+  text-align: center;
+  padding: 8px;
+  margin-top: 8px;
 }
 
 button {
   background: white;
   border: 1px solid #eee;
+  padding: 8px;
+    padding-bottom: 8px;
 }
\ No newline at end of file