diff --git a/index.css b/index.css index e816081..d3e80c6 100644 --- a/index.css +++ b/index.css @@ -1,17 +1,31 @@ +#container { + display: flex; + flex-wrap: wrap; +} + .red { width: 150px; height: 150px; background-color: red; + order: 0; + margin-right: 20px; + margin-bottom: 20px; } .blue { width: 150px; height: 150px; background-color: blue; + order: 2; + margin-right: 20px; + margin-bottom: 20px; } .yellow { width: 150px; height: 150px; background-color: yellow; + order: 1; + margin-right: 20px; + margin-bottom: 20px; } diff --git a/index.html b/index.html index 2b2396f..38c9ed1 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,8 @@
+ +