From 0bbb784fb150714eb7f73a50c174bfd3d198a444 Mon Sep 17 00:00:00 2001
From: Jamee Hengari <jhengari@hotmail.com>
Date: Sun, 7 Mar 2021 20:32:46 -0500
Subject: [PATCH] first css flexbox commit

---
 index.css         | 14 ++++++++++++++
 package-lock.json |  6 ++++++
 package.json      |  1 +
 3 files changed, 21 insertions(+)
 create mode 100644 package-lock.json
 create mode 100644 package.json

diff --git a/index.css b/index.css
index e816081..25e0d98 100644
--- a/index.css
+++ b/index.css
@@ -1,3 +1,9 @@
+body {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+
 .red {
   width: 150px;
   height: 150px;
@@ -5,13 +11,21 @@
 }
 
 .blue {
+  order: 2;
   width: 150px;
   height: 150px;
   background-color: blue;
 }
 
 .yellow {
+  order: 1;
   width: 150px;
   height: 150px;
   background-color: yellow;
 }
+
+@media screen and (min-width: 450px) {
+  body {
+    justify-content: space-between;
+  }
+}
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 @@
+{}