diff --git a/display-exercise.html b/display-exercise.html index 433b6cba..30098e86 100644 --- a/display-exercise.html +++ b/display-exercise.html @@ -16,7 +16,17 @@ - -

Placeholder!

+ +
+ +
+
+ + +
+
+
+ +
\ No newline at end of file diff --git a/styles/display-page.css b/styles/display-page.css index e69de29b..0e7f50e3 100644 --- a/styles/display-page.css +++ b/styles/display-page.css @@ -0,0 +1,53 @@ +main{ + padding: 30px; + font-size: 0; +} + +.toybox { + width: 800px; + height: 200px; + display: inline-block; + font-size: 0px; + margin-left: auto; + margin-right:auto; +} + +.green { + width: 50%; + background-color: green; + border: 1px black; +} + +.blue { + width: 50%; + background-color: blue; + border: 1px black; +} + +.toychest { + width: 800px; + height: 300px; + display: inline-block; + font-size: 0px; + margin-left: auto; + margin-right:auto; +} + +.grey { + width: 33.33%; + background-color: grey; + border: 1px black; +} + +.black { + width: 33.33%; + background-color: black; + border: 1px black; +} + +.yellow{ + width: 33.33%; + background-color: orange; + border: 1px black; + +} \ No newline at end of file