diff --git a/level-1/index.html b/level-1/index.html index 4de4033c..1426192d 100644 --- a/level-1/index.html +++ b/level-1/index.html @@ -21,7 +21,7 @@
- + HEADER
@@ -31,7 +31,7 @@
- + content-left
@@ -39,7 +39,7 @@
- + content-mid
@@ -52,7 +52,7 @@
-
+
diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css index 78865286..3c12158f 100755 --- a/level-1/step-1/step-1.css +++ b/level-1/step-1/step-1.css @@ -1,7 +1,15 @@ +.body { + font-family: Arial, Helvetica, sans-serif; +} + .header { width: 100%; height: 100px; background: #D8D8D8; + font-size: 1.5rem; + font-weight: 600; + text-align: center; + line-height: 100px; } /* Use float to get this container in its desired location. */ @@ -9,8 +17,16 @@ .content-left { width: 34%; /* This height is a placeholder. You will need to make some adjustments to get this container to look like the design. */ - height: 100px; + background: #565555; + float: left; + height: 750px; + color: #FFFEFF; + font-size: 1.7rem; + text-align: center; + font-weight: 700; + line-height: 750px; + } @@ -19,8 +35,13 @@ .content-mid { width: 66%; /* This height is a placeholder. You will need to make some adjustments to get this container to look like the design. */ - height: 100px; + height: 750px; background: #B0B0B0; + float: right; + font-size: 1.7rem; + text-align: center; + font-weight: 700; + line-height: 750px; } /* Use float to get this container to the bottom of the screen */ @@ -29,4 +50,11 @@ width: 100%; height: 100px; background: #3A3A3A; + position: absolute; + bottom: 0px; + font-size: 1.5rem; + font-weight: 600; + text-align: center; + color: #FFFFFF; + line-height: 100px; } \ No newline at end of file