diff --git a/index.html b/index.html
index f74abbf..1e8e1b7 100644
--- a/index.html
+++ b/index.html
@@ -7,5 +7,37 @@
   </head>
   <body>
     <!-- This is where you will begin your solution -->
+    <div class="flex-container">
+      <h1 class="flex-item-header">
+        <div class="headertxt">Header</div>
+      </h1>
+      <div class="flex-item-container">
+        <div class="flex-item">
+          <h2>Placeholder</h2>
+          <div id="modal">
+            <div id="modaltxt">New!</div>
+          </div>
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut 
+            labore et dolore magna aliqua. Lorem ipsum dolor sit amet. 
+            Malesuada bibendum arcu vitae elementum curabitur vitae nunc sed velit. 
+            Pellentesque dignissim enim sit amet venenatis urna cursus eget. 
+            Cursus euismod quis viverra nibh. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit. 
+            Nisi scelerisque eu ultrices vitae auctor. Tristique senectus et netus et malesuada fames ac. 
+            Parturient montes nascetur ridiculus mus mauris vitae ultricies leo integer. 
+            Rhoncus est pellentesque elit ullamcorper dignissim.</p>
+        </div>
+        <div class="flex-item">
+          <h2>Placeholder</h2>
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut 
+            labore et dolore magna aliqua. Lorem ipsum dolor sit amet. 
+            Malesuada bibendum arcu vitae elementum curabitur vitae nunc sed velit. 
+            Pellentesque dignissim enim sit amet venenatis urna cursus eget. 
+            Cursus euismod quis viverra nibh. Nunc mi ipsum faucibus vitae aliquet nec ullamcorper sit. 
+            Nisi scelerisque eu ultrices vitae auctor. Tristique senectus et netus et malesuada fames ac. 
+            Parturient montes nascetur ridiculus mus mauris vitae ultricies leo integer. 
+            Rhoncus est pellentesque elit ullamcorper dignissim.</p>
+        </div>
+      </div>
+    </div>
   </body>
 </html>
\ No newline at end of file
diff --git a/styles.css b/styles.css
index e69de29..b398d99 100644
--- a/styles.css
+++ b/styles.css
@@ -0,0 +1,58 @@
+body {
+    margin: 0;
+    padding: 0;
+}
+
+.flex-container {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+}
+h1 {
+    margin: auto;
+}
+.flex-item-header {
+    flex: 1;
+    display: flex;
+}
+.headertxt {
+    margin: auto;
+}
+.flex-item-container {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+}
+.flex-item {
+    flex: 1;
+    display: flex;
+    flex-wrap: wrap;
+    border-style: solid;
+    border-width: 2px;
+}
+h2 {
+    flex: 1;
+    padding: 2px;
+}
+#modal {
+    margin: auto;
+    justify-content: space-around;
+    background-color: gray;
+    width: 50px;
+    height: 40px;
+    display: flex;
+}
+#modaltxt {
+    margin: auto;
+}
+p {
+    padding: 2px;
+}
+
+@media (max-width: 600px) {
+    .flex-item-container {
+        flex-direction: column;
+      }
+}
+  
\ No newline at end of file
