diff --git a/index.html b/index.html
index f74abbf..63d0da2 100644
--- a/index.html
+++ b/index.html
@@ -7,5 +7,38 @@
   </head>
   <body>
     <!-- This is where you will begin your solution -->
+    
+    
+      <div class = 'parent'>
+        <h1 class = 'header'>Header</h1>
+        <div class = 'content'>
+          <div class = 'leftBox inline'>
+            
+            <div class = 'placeholder'><h3>Placeholder</h3>
+              <div class = 'grayButton'>New!</div>
+            </div>
+            
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+              labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+              esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
+              in culpa qui officia deserunt mollit anim id est laborum.</p>
+          </div>
+              
+          <div class = 'rightBox inline'>
+            
+            <h3 class="placeholder">Placeholder</h3>
+          
+            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
+              labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
+              nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit
+              esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt
+              in culpa qui officia deserunt mollit anim id est laborum.</p>
+          </div>
+            
+        </div>
+    </div>
+  
+    
   </body>
 </html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index e69de29..5893362 100644
--- a/styles.css
+++ b/styles.css
@@ -0,0 +1,97 @@
+  .parent {
+    display: flex;
+    flex-direction: column;
+    justify-content: space-around;
+    border: solid 2px black;
+  }
+  
+  .header {
+    flex: 1;
+    align-self: center;
+  }
+  
+  .content {
+    display: flex;
+    flex-flow: row wrap;
+  }
+  
+
+  .leftBox {
+    flex: 1;
+    margin: 10px;
+    border-top: solid 2px black;
+    border-right: solid 2px black;
+    margin: 0;
+    padding: 0% 1.5% 0% 1.5%
+  }
+  
+  .rightBox {
+    flex: 1;
+    margin: 10px;
+    border-top: solid 2px black;
+    margin: 0;
+    padding: 0% 1.5% 0% 1.5%
+  }
+  
+
+  .placeholder {
+
+  }
+
+  .grayButton {
+    float: right;
+    top: 5%;
+    text-align: center;
+    width: 50px;
+    height: 30px;
+    background-color: grey;
+  }
+
+  
+  
+  .inline {
+  
+  }
+  
+
+
+/*@media (max-width: 600px) {
+  .bigBox {
+    border: solid 2px black;
+  }
+
+  .header {
+    text-align: center;
+  }
+
+  .leftBox {
+    box-sizing: block;
+    width: 100%;
+    border-right: solid 2px black;
+    border-top: solid 2px black;
+  }
+
+  .leftPlaceholder {
+    display: inline-block;
+  }
+
+  .grayish {
+    float: right;
+    width: 40px;
+    height: 30px;
+    background-color: grey;
+    text-align: center;
+    line-height: 30px;
+  }
+
+  .rightBox {
+    box-sizing: block;
+    width: 100%;
+    border-top: solid 2px black;
+  }
+  
+  .inline {
+    display: inline-block;
+  }
+  
+}*/
