From 4d48492ba1df53881d80633221e4e1d133f0493b Mon Sep 17 00:00:00 2001
From: esayh <esay.hernandez@gmail.com>
Date: Thu, 4 Mar 2021 17:32:24 -0500
Subject: [PATCH] flexbox lab

---
 index.css | 34 +++++++++++++++++++++++++---------
 1 file changed, 25 insertions(+), 9 deletions(-)

diff --git a/index.css b/index.css
index e816081..3345adb 100644
--- a/index.css
+++ b/index.css
@@ -1,17 +1,33 @@
+body {
+	display: flex;
+	flex-wrap: wrap;
+	flex-direction: row;
+	justify-content: space-evenly;
+}
+
 .red {
-  width: 150px;
-  height: 150px;
-  background-color: red;
+	border: 3px solid black;
+	margin: 5px;
+	width: 150px;
+	height: 150px;
+	background-color: red;
+	order: -4;
 }
 
 .blue {
-  width: 150px;
-  height: 150px;
-  background-color: blue;
+	border: 3px solid black;
+	margin: 5px;
+	width: 150px;
+	height: 150px;
+	background-color: blue;
+	order: 2;
 }
 
 .yellow {
-  width: 150px;
-  height: 150px;
-  background-color: yellow;
+	border: 3px solid black;
+	margin: 5px;
+	width: 150px;
+	height: 150px;
+	background-color: yellow;
+	order: -3;
 }