diff --git a/margin-and-padding/margin-and-padding-1/style.css b/margin-and-padding/margin-and-padding-1/style.css
new file mode 100644
index 0000000..f4d0a70
--- /dev/null
+++ b/margin-and-padding/margin-and-padding-1/style.css
@@ -0,0 +1,28 @@
+body {
+ max-width: 600px;
+ margin: 0 auto;
+}
+
+.one {
+ background: pink;
+ border: 3px solid blue;
+ /* CHANGE ME */
+ padding: 0px;
+ margin: 0px;
+}
+
+.two {
+ background: lightblue;
+ border: 3px solid purple;
+ /* CHANGE ME */
+ margin-bottom: 0px;
+}
+
+.three {
+ background: peachpuff;
+ border: 3px solid brown;
+ width: 200px;
+ /* CHANGE ME */
+ padding: 0px;
+ margin-left: 0px;
+}
\ No newline at end of file
diff --git a/margin-and-padding/margin-and-padding-2/index.html b/margin-and-padding/margin-and-padding-2/index.html
index 9efd6eb..7731fd9 100644
--- a/margin-and-padding/margin-and-padding-2/index.html
+++ b/margin-and-padding/margin-and-padding-2/index.html
@@ -5,35 +5,7 @@
Margin and Padding exercise 2
-
+
diff --git a/margin-and-padding/margin-and-padding-2/style.css b/margin-and-padding/margin-and-padding-2/style.css
new file mode 100644
index 0000000..3f0236e
--- /dev/null
+++ b/margin-and-padding/margin-and-padding-2/style.css
@@ -0,0 +1,27 @@
+body {
+ background: #eee;
+ font-family: sans-serif;
+}
+
+.card {
+ width: 400px;
+ background: #fff;
+ margin: 16px auto;
+}
+
+.title {
+ background: #e3f4ff;
+}
+
+.content {
+ background: #e3f4ff;
+}
+
+.button {
+ background: #e3f4ff;
+}
+
+button {
+ background: white;
+ border: 1px solid #eee;
+}
\ No newline at end of file