diff --git a/index-flex.html b/index-flex.html
new file mode 100644
index 0000000..e69de29
diff --git a/index.html b/index.html
index f74abbf..2565bd8 100644
--- a/index.html
+++ b/index.html
@@ -7,5 +7,12 @@
   </head>
   <body>
     <!-- This is where you will begin your solution -->
+    <header><h1>Header</h1></header>
+
+    <div class="container"> 
+      <!--Setting the "class" to box makes this class usable multiple times 
+      VS setting the "id" which is specifies that one div..--> 
+      <div class="box"><h2>Placeholder</h2><p id="flag">New!</p><span>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Adipisci dolores fugiat, culpa nemo eveniet odit doloremque soluta cum reprehenderit corrupti natus possimus eum delectus itaque architecto blanditiis nulla ullam distinctio?</span></div><div class="box"><h2>Placeholder</h2><span>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Adipisci dolores fugiat, culpa nemo eveniet odit doloremque soluta cum reprehenderit corrupti natus possimus eum delectus itaque architecto blanditiis nulla ullam distinctio?</span></div>
+   </div>
   </body>
 </html>
\ No newline at end of file
diff --git a/styles-flex.css b/styles-flex.css
new file mode 100644
index 0000000..e69de29
diff --git a/styles.css b/styles.css
index e69de29..4161487 100644
--- a/styles.css
+++ b/styles.css
@@ -0,0 +1,30 @@
+body {
+    margin: 0;
+}
+header {
+    text-align: center;
+    width: 100%;
+    border: solid 3px;
+    box-sizing:border-box;
+}
+#flag {
+    
+    top:102px;
+    right: 50.3%;
+    position: fixed;
+    background: grey;
+    padding:5;
+}
+.container {
+    display: inline-block;
+    width: 100%;
+    box-sizing: border-box;
+}
+.box {
+    display: inline-block;
+    padding:10;
+    width: 50%;
+    height: 200px;
+    border: solid 3px;
+    box-sizing: border-box;
+}
\ No newline at end of file
