From 288a932ea1c05216c7e286936ba4b55962d67941 Mon Sep 17 00:00:00 2001 From: Jordan Alvarado Date: Wed, 3 Mar 2021 15:37:38 -0500 Subject: [PATCH] finished lab (Jordan) --- index.css | 9 +++++++++ package-lock.json | 6 ++++++ package.json | 1 + 3 files changed, 16 insertions(+) create mode 100644 package-lock.json create mode 100644 package.json diff --git a/index.css b/index.css index e816081..7f9eb5d 100644 --- a/index.css +++ b/index.css @@ -1,16 +1,25 @@ +body{ +display: flex; +flex-flow: row wrap; +justify-content: space-between; +} + .red { + order: 0; width: 150px; height: 150px; background-color: red; } .blue { + order: 2; width: 150px; height: 150px; background-color: blue; } .yellow { + order: 1; width: 150px; height: 150px; background-color: 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 @@ +{}