diff --git a/display-exercise.html b/display-exercise.html index 433b6cba..1d3d4944 100644 --- a/display-exercise.html +++ b/display-exercise.html @@ -12,11 +12,20 @@ - + - -

Placeholder!

+
+
+
+
+
+
+
+
+
+ +
\ No newline at end of file diff --git a/styles/display-page.css b/styles/display-page.css index e69de29b..461d4b26 100644 --- a/styles/display-page.css +++ b/styles/display-page.css @@ -0,0 +1,55 @@ +main{ + font-size: 0; +} + +.box-parent { + margin-top: 90px; + margin-left: auto; + margin-right: auto; + width: 800px; +} + +.box { + border: 1px solid black; + display: inline-block; +} + +.box_half { + width: 50%; + height: 200px; +} + +box_third { + width: 33.33%; + height: 300px; +} + +.black { + background-color: black; + width: 33.33%; + height: 300px; +} + +.green { + background-color: green; +} + +.blue { + background-color: blue; +} + +.orange { + background-color: orange; + width: 33.33%; + height: 300px; +} +.grey { + background-color: grey; + width: 33.33%; + height: 300px; +} + + +.centered { + text-align: center; +} \ No newline at end of file diff --git a/styles/main.css b/styles/main.css index 8d5db309..1ad3163d 100644 --- a/styles/main.css +++ b/styles/main.css @@ -1,7 +1,7 @@ body * { box-sizing: border-box; font-family: 'Roboto', sans-serif; -} + } a { text-decoration: none;