From d3a0107256dda60409951ae2287038439850313e Mon Sep 17 00:00:00 2001 From: Demi Date: Mon, 22 Mar 2021 20:14:17 -0400 Subject: [PATCH] completed --- .vscode/settings.json | 3 +++ index.css | 10 ++++++++++ package-lock.json | 6 ++++++ package.json | 1 + 4 files changed, 20 insertions(+) create mode 100644 .vscode/settings.json create mode 100644 package-lock.json create mode 100644 package.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..832fd20 100644 --- a/index.css +++ b/index.css @@ -1,13 +1,23 @@ +body{ + display: flex; + flex-flow: row wrap ; + justify-content: space-evenly; +} + .red { width: 150px; height: 150px; background-color: red; + order: -1; + border: solid green 2px; } .blue { width: 150px; height: 150px; background-color: blue; + border: 2px solid orangered; + order: 1; } .yellow { diff --git a/package-lock.json b/package-lock.json new file mode 100644 index 0000000..da0bd11 --- /dev/null +++ b/package-lock.json @@ -0,0 +1,6 @@ +{ + "name": "css_flexbox_exercise", + "lockfileVersion": 2, + "requires": true, + "packages": {} +} diff --git a/package.json b/package.json new file mode 100644 index 0000000..0967ef4 --- /dev/null +++ b/package.json @@ -0,0 +1 @@ +{}