From 8cbee5601123deac7d2bf9778cc5217f7096b50d Mon Sep 17 00:00:00 2001 From: Candice Agard Date: Wed, 3 Mar 2021 16:10:44 -0500 Subject: [PATCH 1/2] assignment solution --- .vscode/settings.json | 3 +++ index.css | 18 ++++++++++++++++++ index.html | 1 + package-lock.json | 3 +++ 4 files changed, 25 insertions(+) create mode 100644 .vscode/settings.json create mode 100644 package-lock.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..f673a71 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5502 +} \ No newline at end of file diff --git a/index.css b/index.css index e816081..a6ac9e6 100644 --- a/index.css +++ b/index.css @@ -1,17 +1,35 @@ +body { + display: flex; + flex-flow: row wrap; + justify-content: space-evenly; +} + .red { width: 150px; height: 150px; background-color: red; + order: -1; } .blue { width: 150px; height: 150px; background-color: blue; + order: 1; + } .yellow { width: 150px; height: 150px; background-color: yellow; + order: 2; +} + +@media screen and (max-width: 800px) { + .body { + width: 100%; + min-width: 250px; + + } } diff --git a/index.html b/index.html index 2b2396f..fee9419 100644 --- a/index.html +++ b/index.html @@ -1,6 +1,7 @@ + CSS Flexbox diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..48e341a --- /dev/null +++ b/package-lock.json @@ -0,0 +1,3 @@ +{ + "lockfileVersion": 1 +} From 215e0262f2aa056d930c36212aa45fd710c587bc Mon Sep 17 00:00:00 2001 From: Candice Agard Date: Sun, 7 Mar 2021 23:00:29 -0500 Subject: [PATCH 2/2] exercise solution --- index.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/index.css b/index.css index a6ac9e6..ee12593 100644 --- a/index.css +++ b/index.css @@ -27,7 +27,7 @@ body { } @media screen and (max-width: 800px) { - .body { + .body { width: 100%; min-width: 250px;