diff --git a/flex/index.html b/flex/index.html
index 45bf6a4..0276699 100644
--- a/flex/index.html
+++ b/flex/index.html
@@ -2,34 +2,33 @@
 <html>
 
 <head>
-  <title>Flex</title>
+  <title>Inline</title>
   <link href='style.css' rel='stylesheet' />
   <link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet'>
 </head>
 
 <body>
-  <h1>Display: Flex</h1>
-  <div class='container' id='flex'>
+  <h1>Inline-flex</h1>
+  <div class='container'>
     <div class='box'>
-      <h2>1</h2>
+      <h3>1</h3>
     </div>
     <div class='box'>
-      <h2>2</h2>
+      <h3>2</h3>
     </div>
     <div class='box'>
-      <h2>3</h2>
+      <h3>3</h3>
     </div>
   </div>
-  <h1>Display: Block</h1>
-  <div class='container' id='block'>
+  <div class='container'>
     <div class='box'>
-      <h2>1</h2>
+      <h3>1</h3>
     </div>
     <div class='box'>
-      <h2>2</h2>
+      <h3>2</h3>
     </div>
     <div class='box'>
-      <h2>3</h2>
+      <h3>3</h3>
     </div>
   </div>
 </body>
diff --git a/flex/style.css b/flex/style.css
index a28c72e..aba5071 100644
--- a/flex/style.css
+++ b/flex/style.css
@@ -1,31 +1,24 @@
 body {
-    margin: 0;
-    border: 0;
-    font-family: 'Roboto Mono', monospace;
-  }
-  
-  h1 {
-    font-size: 18px;
-    text-align: center;
-  }
-  
-  h2 {
-    font-size: 16px;
-    text-align: center;
-  }
-  
-  .container {
-    background-color: whitesmoke;
-  }
-  
-  .box {
-    background-color: dodgerblue;
-    height: 100px;
-    width: 100px;
-    border: 1px solid lightgrey;
-  }
-  
-  #flex {
-      display: flex;
-  }
-  
\ No newline at end of file
+  margin: 0;
+  border: 0;
+  font-family: 'Roboto Mono', monospace;
+  text-align: center;
+}
+
+h1 {
+  font-size: 18px;
+  text-align: center;
+}
+
+.container {
+  width: 150px;
+  border: 1px solid grey;
+  display: inline-flex;
+}
+
+.box {
+  background-color: dodgerblue;
+  height: 75px;
+  width: 75px;
+  border: 1px solid turquoise;
+}
