diff --git a/foundations/05-descendant-combinator/desired-outcome.png b/foundations/05-descendant-combinator/desired-outcome.png index f71c7f9..5927af2 100644 Binary files a/foundations/05-descendant-combinator/desired-outcome.png and b/foundations/05-descendant-combinator/desired-outcome.png differ diff --git a/foundations/05-descendant-combinator/solution/solution.css b/foundations/05-descendant-combinator/solution/solution.css index 687e5f3..c5a82c3 100644 --- a/foundations/05-descendant-combinator/solution/solution.css +++ b/foundations/05-descendant-combinator/solution/solution.css @@ -1,6 +1,6 @@ .container .text { background-color: yellow; - color: red; + color: #E00000; font-size: 20px; text-align: center; } @@ -11,4 +11,4 @@ div p div .text .container p -*/ +*/ \ No newline at end of file diff --git a/grid/01-grid-layout-1/desired-outcome.png b/grid/01-grid-layout-1/desired-outcome.png index 6c1ceda..ca46d11 100644 Binary files a/grid/01-grid-layout-1/desired-outcome.png and b/grid/01-grid-layout-1/desired-outcome.png differ diff --git a/grid/01-grid-layout-1/solution/solution.css b/grid/01-grid-layout-1/solution/solution.css index c037f5e..1ca3402 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: #006157 } .sidebar { - background-color: #FF7755; + background-color: #005B94 } .nav { - background-color: #00DDFF; + background-color: #642cde } .article { - background-color: #bccbde; + background-color: #7E1DC3 +} + +.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..6ce91a1 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: #006157; } .sidebar { - background-color: #FF7755; + background-color: #005B94; } .nav { - background-color: #00DDFF; + background-color: #642cde; } .article { - background-color: #bccbde; + background-color: #7E1DC3; +} + +.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 diff --git a/grid/02-grid-layout-2/desired-outcome-narrow.png b/grid/02-grid-layout-2/desired-outcome-narrow.png index 8c66ee9..ae001ab 100644 Binary files a/grid/02-grid-layout-2/desired-outcome-narrow.png and b/grid/02-grid-layout-2/desired-outcome-narrow.png differ diff --git a/grid/02-grid-layout-2/desired-outcome-wide.png b/grid/02-grid-layout-2/desired-outcome-wide.png index f86d25e..8c7d241 100644 Binary files a/grid/02-grid-layout-2/desired-outcome-wide.png and b/grid/02-grid-layout-2/desired-outcome-wide.png differ diff --git a/grid/02-grid-layout-2/solution/solution.css b/grid/02-grid-layout-2/solution/solution.css index 96f7eba..0ed7d24 100644 --- a/grid/02-grid-layout-2/solution/solution.css +++ b/grid/02-grid-layout-2/solution/solution.css @@ -1,4 +1,5 @@ -body, html { +body, +html { height: 100%; margin: 0; } @@ -20,21 +21,21 @@ body, html { } .header { - background-color: #FFDE22; + background-color: #006157; grid-column: 1 / 3; } .sidebar { - background-color: #FF7755; + background-color: #005B94; grid-row: 2 / 4; } .nav { - background-color: #00DDFF; + background-color: #642cde; } .article { - background-color: #bccbde; + background-color: #7E1DC3; } .article p { @@ -56,4 +57,4 @@ body, html { grid-template-columns: 1fr 3fr; grid-template-rows: 1fr 1fr 5fr 1fr; gap: 15px; -} +} \ No newline at end of file diff --git a/grid/02-grid-layout-2/style.css b/grid/02-grid-layout-2/style.css index 6574067..fceb431 100644 --- a/grid/02-grid-layout-2/style.css +++ b/grid/02-grid-layout-2/style.css @@ -1,4 +1,5 @@ -body, html { +body, +html { height: 100%; margin: 0; } @@ -20,21 +21,21 @@ body, html { } .header { - background-color: #FFDE22; + background-color: #006157; grid-column: 1 / 3; } .sidebar { - background-color: #FF7755; + background-color: #005B94; grid-row: 2 / 4; } .nav { - background-color: #00DDFF; + background-color: #642cde; } .article { - background-color: #bccbde; + background-color: #7E1DC3; } .article p { @@ -47,4 +48,4 @@ body, html { .footer { background-color: #393f4d; grid-column: 1 / 3; -} +} \ No newline at end of file diff --git a/grid/03-grid-layout-3/desired-outcome-streched.png b/grid/03-grid-layout-3/desired-outcome-streched.png new file mode 100644 index 0000000..fbd5316 Binary files /dev/null and b/grid/03-grid-layout-3/desired-outcome-streched.png differ diff --git a/grid/03-grid-layout-3/desired-outcome-stretched.png b/grid/03-grid-layout-3/desired-outcome-stretched.png deleted file mode 100644 index 18a8b10..0000000 Binary files a/grid/03-grid-layout-3/desired-outcome-stretched.png and /dev/null differ diff --git a/grid/03-grid-layout-3/desired-outcome.png b/grid/03-grid-layout-3/desired-outcome.png index 31283ea..6a1c867 100644 Binary files a/grid/03-grid-layout-3/desired-outcome.png and b/grid/03-grid-layout-3/desired-outcome.png differ diff --git a/grid/03-grid-layout-3/solution/solution.css b/grid/03-grid-layout-3/solution/solution.css index c4763e2..726d788 100644 --- a/grid/03-grid-layout-3/solution/solution.css +++ b/grid/03-grid-layout-3/solution/solution.css @@ -26,7 +26,7 @@ } .sidebar { - background-color: #FF7755; + background-color: #C50208; } .sidebar .photo { @@ -46,7 +46,7 @@ } .nav { - background-color: #FF7755; + background-color: #C50208; } @@ -89,7 +89,7 @@ .footer p { font-size: 13px; - font-weight: normal; + font-weight: normal; } /* SOLUTION */ @@ -130,8 +130,9 @@ gap: 50px; } -.side-content, .photo { - display: grid; +.side-content, +.photo { + display: grid; align-items: center; } @@ -157,4 +158,4 @@ .footer { grid-column: 1 / 3; -} +} \ No newline at end of file diff --git a/grid/03-grid-layout-3/style.css b/grid/03-grid-layout-3/style.css index abcc92f..2050272 100644 --- a/grid/03-grid-layout-3/style.css +++ b/grid/03-grid-layout-3/style.css @@ -25,7 +25,7 @@ } .sidebar { - background-color: #FF7755; + background-color: #C50208; } .sidebar .photo { @@ -45,7 +45,7 @@ } .nav { - background-color: #FF7755; + background-color: #C50208; } .nav ul li { @@ -87,5 +87,5 @@ .footer p { font-size: 13px; - font-weight: normal; -} + font-weight: normal; +} \ No newline at end of file