diff --git a/index.css b/index.css
index e816081..7f9eb5d 100644
--- a/index.css
+++ b/index.css
@@ -1,16 +1,25 @@
+body{
+display: flex;
+flex-flow: row wrap;
+justify-content: space-between;
+}
+
 .red {
+  order: 0;
   width: 150px;
   height: 150px;
   background-color: red;
 }
 
 .blue {
+  order: 2;
   width: 150px;
   height: 150px;
   background-color: blue;
 }
 
 .yellow {
+  order: 1;
   width: 150px;
   height: 150px;
   background-color: yellow;
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 @@
+{}