diff --git a/display-exercise.html b/display-exercise.html
index 433b6cba..b875e38e 100644
--- a/display-exercise.html
+++ b/display-exercise.html
@@ -1,22 +1,27 @@
+ CSS Layout Exercises | position property
+ -
+ +
+
+
+
+ @@ -31,4 +31,4 @@
+
- CSS Layout Exercises | display property
-
-
-
-
-
-
-
-
-
-
-
-
- Placeholder!
+
\ No newline at end of file
diff --git a/gh-pages b/gh-pages
new file mode 100644
index 00000000..8b137891
--- /dev/null
+++ b/gh-pages
@@ -0,0 +1 @@
+
diff --git a/styles/display-page.css b/styles/display-page.css
index e69de29b..b7ab5030 100644
--- a/styles/display-page.css
+++ b/styles/display-page.css
@@ -0,0 +1,62 @@
+main{
+ /*padding-top: 100px;*/
+ /*font-size: 0px;*/
+ /*display: flex;*/
+ /*align-content: center;*/
+}
+
+
+.container {
+ max-width: 800px;
+ /*max-height: 500px; */
+ display: block;
+ margin: auto;
+ margin-top: 100px;
+
+}
+
+.box {
+ border: 1px solid black;
+}
+
+.onerow {
+ display: flex;
+ width: 800px;
+ height: 200px;
+}
+
+.tworow {
+ display: flex;
+ width: 800px;
+ height: 300px;
+}
+
+.green {
+ border: 1px solid black;
+ background-color: green;
+ display:flex;
+ width: 50%;
+}
+
+.blue {
+ border: 1px solid black;
+ background-color: blue;
+ width: 50%;
+}
+
+.gray {
+ background-color: gray;
+ border: 1px solid black;
+ width: 33.33%;
+}
+.black {
+ background-color: black;
+ border: 1px solid black;
+ width: 33.33%;
+}
+
+.gold {
+ background-color: gold;
+ width: 33.33%;
+}
+