diff --git a/grid/01-grid-layout-1/solution/solution.css b/grid/01-grid-layout-1/solution/solution.css index c037f5e..3950c77 100644 --- a/grid/01-grid-layout-1/solution/solution.css +++ b/grid/01-grid-layout-1/solution/solution.css @@ -1,4 +1,5 @@ -body, html { +body, +html { height: 100%; margin: 0; } @@ -20,19 +21,23 @@ body, html { } .header { - background-color: #FFDE22; + background-color: #008578 } .sidebar { - background-color: #FF7755; + background-color: #007bc5 } .nav { - background-color: #00DDFF; + background-color: #642cde } .article { - background-color: #bccbde; + background-color: #9126de +} + +.footer { + background-color: #393f4d; } .article p { @@ -42,10 +47,6 @@ body, html { text-align: left; } -.footer { - background-color: #393f4d; -} - /* SOLUTION */ .container { @@ -65,4 +66,4 @@ body, html { .footer { grid-column: 1 / 3; -} +} \ No newline at end of file diff --git a/grid/01-grid-layout-1/style.css b/grid/01-grid-layout-1/style.css index ecf1a42..baea59d 100644 --- a/grid/01-grid-layout-1/style.css +++ b/grid/01-grid-layout-1/style.css @@ -1,4 +1,5 @@ -body, html { +body, +html { height: 100%; margin: 0; } @@ -20,19 +21,23 @@ body, html { } .header { - background-color: #FFDE22; + background-color: #008578 } .sidebar { - background-color: #FF7755; + background-color: #007bc5 } .nav { - background-color: #00DDFF; + background-color: #642cde } .article { - background-color: #bccbde; + background-color: #9126de +} + +.footer { + background-color: #393f4d; } .article p { @@ -40,8 +45,4 @@ body, html { font-family: sans-serif; color: white; text-align: left; -} - -.footer { - background-color: #393f4d; -} +} \ No newline at end of file