diff --git a/index.css b/index.css
index e816081..ffd7077 100644
--- a/index.css
+++ b/index.css
@@ -2,16 +2,37 @@
   width: 150px;
   height: 150px;
   background-color: red;
+  border:5px solid black;
+  margin: 10px;
+  order:0;
 }
 
 .blue {
   width: 150px;
   height: 150px;
   background-color: blue;
+  border:5px solid black;
+  margin: 10px;
+  order:1 ;
 }
 
 .yellow {
   width: 150px;
   height: 150px;
   background-color: yellow;
+  border:5px solid black;
+  margin: 10px;
+  order:2;
 }
+body{
+  flex-wrap:wrap;
+  display: flex;
+}
+@media screen and (max-width: 1350px) {
+  body{
+    justify-content: space-evenly;
+
+  }
+  
+  
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 2b2396f..3ac4ce8 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>
