From 0070a36b88b9781e982b65408234daa89eac5d5b Mon Sep 17 00:00:00 2001 From: Rayvon Finney Pinkston Date: Wed, 3 Mar 2021 15:09:17 -0500 Subject: [PATCH 1/2] flexbox --- index.css | 12 ++++++++++++ index.html | 1 + 2 files changed, 13 insertions(+) diff --git a/index.css b/index.css index e816081..dae1137 100644 --- a/index.css +++ b/index.css @@ -2,16 +2,28 @@ width: 150px; height: 150px; background-color: red; + order: 0; } .blue { width: 150px; height: 150px; background-color: blue; + order: 2;; } .yellow { width: 150px; height: 150px; background-color: yellow; + order: 1; } + +body { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + align-content: space-around; +} + diff --git a/index.html b/index.html index 2b2396f..f2f60db 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ CSS Flexbox +
From 828e86987719b02456f29631f92147224078e8b2 Mon Sep 17 00:00:00 2001 From: Rayvon Finney Pinkston Date: Wed, 3 Mar 2021 15:13:02 -0500 Subject: [PATCH 2/2] updated --- index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.css b/index.css index dae1137..49b66ca 100644 --- a/index.css +++ b/index.css @@ -23,7 +23,7 @@ body { display: flex; flex-direction: row; flex-wrap: wrap; - justify-content: space-between; + justify-content: space-evenly; align-content: space-around; }