From adefd16400a9fa8a7d50e8861a1c252632b14178 Mon Sep 17 00:00:00 2001
From: Alexander <alexanderl96@yahoo.com>
Date: Wed, 3 Mar 2021 15:05:44 -0500
Subject: [PATCH 1/3] 2

---
 index.css | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/index.css b/index.css
index e816081..ff578b7 100644
--- a/index.css
+++ b/index.css
@@ -1,17 +1,35 @@
 .red {
+  margin-top: 5px;
   width: 150px;
   height: 150px;
   background-color: red;
+  order: -1;
 }
 
 .blue {
+  margin-top: 5px;
   width: 150px;
   height: 150px;
   background-color: blue;
+  order: 2;
+
 }
 
 .yellow {
   width: 150px;
   height: 150px;
   background-color: yellow;
+  order: 1;
+ 
+}
+body{
+  padding: 10px;
+  display: flex;
+  height: 600px;
+  justify-content: space-between;
+  border: 10px solid rgb(9, 255, 0);
+  align-content: space-around;
+  flex-direction: column;
+  flex-wrap: wrap;
+  
 }

From d94ef52ef6b707cab165f23917ecee1de22f0bee Mon Sep 17 00:00:00 2001
From: Alexander <alexanderl96@yahoo.com>
Date: Wed, 3 Mar 2021 16:44:23 -0500
Subject: [PATCH 2/3] 4

---
 index.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/index.css b/index.css
index ff578b7..74c0b5c 100644
--- a/index.css
+++ b/index.css
@@ -16,6 +16,7 @@
 }
 
 .yellow {
+  margin-top: 5px;
   width: 150px;
   height: 150px;
   background-color: yellow;
@@ -33,3 +34,10 @@ body{
   flex-wrap: wrap;
   
 }
+@media screen and(max-width: 800px){
+  body{
+    width: 100%;
+    min-width: 150px;
+    max-width: 300px;
+  }
+}

From facba1675ff16b9b3e549a6981c51fe4d8dd9a1a Mon Sep 17 00:00:00 2001
From: Alexander <alexanderl96@yahoo.com>
Date: Wed, 3 Mar 2021 17:06:57 -0500
Subject: [PATCH 3/3] 4

---
 index.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.css b/index.css
index 74c0b5c..8a09750 100644
--- a/index.css
+++ b/index.css
@@ -30,7 +30,7 @@ body{
   justify-content: space-between;
   border: 10px solid rgb(9, 255, 0);
   align-content: space-around;
-  flex-direction: column;
+  flex-direction: row;
   flex-wrap: wrap;
   
 }