diff --git a/display-exercise.html b/display-exercise.html index 433b6cba..c03b30ce 100644 --- a/display-exercise.html +++ b/display-exercise.html @@ -17,6 +17,14 @@ -

Placeholder!

+
+
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/styles/display-page.css b/styles/display-page.css index e69de29b..251374a8 100644 --- a/styles/display-page.css +++ b/styles/display-page.css @@ -0,0 +1,37 @@ +main{ + padding: 200px; +} +.parent-div { + height: 500px; + width: 800px; + font-size: 0; + margin: auto; + +} +.horizontal { + display: inline-block; + height: 200px; + width: 50%; + border: 1px black solid; +} +.vertical { + display: inline-block; + height: 300px; + width: 33.33%; + border: 1px black solid; +} +.green{ + background-color: green; +} +.black{ + background-color: black; +} +.blue{ + background-color: blue; +} +.grey{ + background-color: grey; +} +.yellow{ + background-color: rgb(255, 187, 1); +}