diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..f673a71
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5502
+}
\ No newline at end of file
diff --git a/index.css b/index.css
index e816081..832fd20 100644
--- a/index.css
+++ b/index.css
@@ -1,13 +1,23 @@
+body{
+  display: flex;
+  flex-flow: row wrap ;
+  justify-content: space-evenly;
+}
+
 .red {
   width: 150px;
   height: 150px;
   background-color: red;
+  order: -1;
+  border: solid green 2px;
 }
 
 .blue {
   width: 150px;
   height: 150px;
   background-color: blue;
+  border: 2px solid orangered;
+  order: 1;
 }
 
 .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 @@
+{}