From 29e882bfa55180730934da6a0c423f32b615ecd9 Mon Sep 17 00:00:00 2001 From: imran nazir Date: Wed, 3 Mar 2021 16:11:05 -0500 Subject: [PATCH] Completed lab --- index.css | 21 +++++++++++++++++++++ index.html | 1 + 2 files changed, 22 insertions(+) diff --git a/index.css b/index.css index e816081..ffd7077 100644 --- a/index.css +++ b/index.css @@ -2,16 +2,37 @@ width: 150px; height: 150px; background-color: red; + border:5px solid black; + margin: 10px; + order:0; } .blue { width: 150px; height: 150px; background-color: blue; + border:5px solid black; + margin: 10px; + order:1 ; } .yellow { width: 150px; height: 150px; background-color: yellow; + border:5px solid black; + margin: 10px; + order:2; } +body{ + flex-wrap:wrap; + display: flex; +} +@media screen and (max-width: 1350px) { + body{ + justify-content: space-evenly; + + } + + +} \ No newline at end of file diff --git a/index.html b/index.html index 2b2396f..3ac4ce8 100644 --- a/index.html +++ b/index.html @@ -4,6 +4,7 @@ CSS Flexbox +