diff --git a/index.css b/index.css
index e816081..49b66ca 100644
--- a/index.css
+++ b/index.css
@@ -2,16 +2,28 @@
   width: 150px;
   height: 150px;
   background-color: red;
+  order: 0;
 }
 
 .blue {
   width: 150px;
   height: 150px;
   background-color: blue;
+  order: 2;;
 }
 
 .yellow {
   width: 150px;
   height: 150px;
   background-color: yellow;
+  order: 1;
 }
+
+body {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+  align-content: space-around;
+}
+
diff --git a/index.html b/index.html
index 2b2396f..f2f60db 100644
--- a/index.html
+++ b/index.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8">
     <title>CSS Flexbox</title>
     <link rel="stylesheet" href="./index.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
   </head>
   <body>
     <div class="blue"></div>
