diff --git a/index.css b/index.css
index e816081..62fc95f 100644
--- a/index.css
+++ b/index.css
@@ -2,16 +2,26 @@
   width: 150px;
   height: 150px;
   background-color: red;
+  order: 1;
 }
 
 .blue {
   width: 150px;
   height: 150px;
   background-color: blue;
+  order: 3;
 }
 
 .yellow {
   width: 150px;
   height: 150px;
   background-color: yellow;
+  order: 2;
+}
+
+body { 
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
 }
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..da0bd11
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "css_flexbox_exercise",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {}
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/package.json
@@ -0,0 +1 @@
+{}