diff --git a/index.css b/index.css index e816081..8319966 100644 --- a/index.css +++ b/index.css @@ -1,17 +1,34 @@ .red { + order: 1; width: 150px; height: 150px; background-color: red; } +.yellow { + order: 2; + width: 150px; + height: 150px; + background-color: yellow; +} + .blue { + order: 3; width: 150px; height: 150px; background-color: blue; } -.yellow { - width: 150px; - height: 150px; - background-color: yellow; + +body { + display: flex; + flex-wrap: wrap; + align-items: center; } + + +@media screen and (min-width: 1351px){ +body { + justify-content: space-around; + } +} \ No newline at end of file