diff --git a/index.css b/index.css index e816081..53ed014 100644 --- a/index.css +++ b/index.css @@ -1,17 +1,38 @@ +body{ + margin: 0; + padding: 0; +} + +.flex-container{ + display: flex; + flex-flow: row wrap; + justify-content: space-around; + width: 100%; + background-color: #575252; + border: 1px solid black; +} + .red { width: 150px; height: 150px; background-color: red; + margin: 5px auto; + order: 1; } -.blue { +.yellow { width: 150px; height: 150px; - background-color: blue; + margin: 5px auto; + background-color: yellow; + order: 2; } -.yellow { +.blue { width: 150px; height: 150px; - background-color: yellow; + margin: 5px auto; + background-color: blue; + order: 3; } + diff --git a/index.html b/index.html index 2b2396f..6e37686 100644 --- a/index.html +++ b/index.html @@ -6,14 +6,16 @@ -
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+