From 9d90e771e211e101fe988990471b257b8b64c0fb Mon Sep 17 00:00:00 2001 From: Jenna Qian Date: Wed, 3 Mar 2021 16:48:12 -0500 Subject: [PATCH] Flexbox Lab --- index.css | 18 ++++++++++++++---- 1 file changed, 14 insertions(+), 4 deletions(-) diff --git a/index.css b/index.css index e816081..2c7d596 100644 --- a/index.css +++ b/index.css @@ -1,17 +1,27 @@ +body { + display: flex; + flex-wrap: wrap; + justify-content: space-evenly; +} + .red { + order: 1; width: 150px; height: 150px; background-color: red; } -.blue { +.yellow { + order: 2; width: 150px; height: 150px; - background-color: blue; + background-color: yellow; } -.yellow { +.blue { + order: 3; width: 150px; height: 150px; - background-color: yellow; + background-color: blue; } +