diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000..996d487
Binary files /dev/null and b/.DS_Store differ
diff --git a/p1/css/p1.css b/p1/css/p1.css
new file mode 100644
index 0000000..42be183
--- /dev/null
+++ b/p1/css/p1.css
@@ -0,0 +1,11 @@
+span {
+    display: block;
+    width: 100px;
+    height: 100px;
+    margin: 5px;
+    background-color: black;
+    color: white;
+    font-weight: 500
+    font: 100
+    
+}
\ No newline at end of file
diff --git a/p1/index.html b/p1/index.html
index a0d3992..f203dd4 100644
--- a/p1/index.html
+++ b/p1/index.html
@@ -2,6 +2,7 @@
 <html lang="en-us">
 <head>
     <meta charset="utf-8">
+    <link rel="stylesheet" href="css/p1.css">
 </head>
 <body>
     <h1>Display inline -> block with CSS</h1>
diff --git a/p2/.DS_Store b/p2/.DS_Store
new file mode 100644
index 0000000..c6430da
Binary files /dev/null and b/p2/.DS_Store differ
diff --git a/p2/styles/main.css b/p2/styles/main.css
index 2bf4d49..00c86ac 100644
--- a/p2/styles/main.css
+++ b/p2/styles/main.css
@@ -1,8 +1,9 @@
 span {
-    display: block;
+    display: inline-block;
     width: 100px;
     height: 100px;
     margin: 5px;
     background-color: black;
     color: white;
+    font-weight: 500
 }
diff --git a/p3/css/p3.css b/p3/css/p3.css
new file mode 100644
index 0000000..ac94e44
--- /dev/null
+++ b/p3/css/p3.css
@@ -0,0 +1,20 @@
+.full {
+    background-color: pink;
+    height: 100px;
+    width: 100%;
+}
+
+.half1 {
+    display: inline-block;
+    background-color: yellow;
+    height: 300px;
+    width: 49.5% 
+    
+}
+.half2 {
+    display: inline-block;
+    background-color: yellow;
+    height: 300px;
+    width: 49.5%;
+   margin-left: 1%;
+}
\ No newline at end of file
diff --git a/p3/index.html b/p3/index.html
index 748a4e4..43edaf3 100644
--- a/p3/index.html
+++ b/p3/index.html
@@ -2,21 +2,10 @@
 <html lang="en-us">
 <head>
     <meta charset="utf-8">
-    <link rel="stylesheet" href="styles/main.css">
+    <link rel="stylesheet" href="css/p3.css">
 </head>
 <body>
-    <h2>Solution should look like</h2>
-
-    <p>
-        Use whatever classes and methods that you'd like to achieve this.
-    </p>
-    <img src="http://fewd.us/FEWDpress/wp-content/uploads/2014/08/Screen-Shot-2014-08-23-at-2.59.19-AM.png" target="_blank">
-
-    <section class="wrapper devmode">
-        <!-- write your code here -->
-        <div class="col"></div>
-        <div class="col col-one-half"></div><div class="col col-one-half col-last"></div>
-        <div class="col col-one-third"></div><div class="col col-one-third"></div><div class="col col-one-third"></div>
-    </section> 
+        <div class="full"></div>
+        <div class="half1"></div><div class="half2"></div>
 </body>
 </html>
diff --git a/p3/styles/p3.css b/p3/styles/p3.css
new file mode 100644
index 0000000..db62aed
--- /dev/null
+++ b/p3/styles/p3.css
@@ -0,0 +1,31 @@
+span {
+    display: block;
+    width: 100px;
+    height: 100px;
+    margin: 5px;
+    background-color: black;
+    color: white;
+    font-weight: 500
+    font: 100
+    
+}span {
+    display: block;
+    width: 100px;
+    height: 100px;
+    margin: 5px;
+    background-color: black;
+    color: white;
+    font-weight: 500
+    font: 100
+    
+}span {
+    display: block;
+    width: 100px;
+    height: 100px;
+    margin: 5px;
+    background-color: black;
+    color: white;
+    font-weight: 500
+    font: 100
+    
+}
\ No newline at end of file
