diff --git a/level-1/step-1/step-1.css b/level-1/step-1/step-1.css index 78865286..9dbfba95 100755 --- a/level-1/step-1/step-1.css +++ b/level-1/step-1/step-1.css @@ -4,13 +4,12 @@ background: #D8D8D8; } -/* Use float to get this container in its desired location. */ .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; + height: calc( 100vh - 200px ); background: #565555; + float: left; } @@ -18,9 +17,9 @@ .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: calc( 100vh - 200px ); background: #B0B0B0; + float: right; } /* Use float to get this container to the bottom of the screen */ @@ -29,4 +28,6 @@ width: 100%; height: 100px; background: #3A3A3A; -} \ No newline at end of file + position: absolute; + bottom: 0; +}