diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/index.css b/index.css
index e816081..3325e10 100644
--- a/index.css
+++ b/index.css
@@ -1,17 +1,26 @@
+body{
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-between;
+}
+
 .red {
   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;
 }
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 @@
+{}