From 301c275b0698a5ceac5a4954fb3bb09b7b45cd11 Mon Sep 17 00:00:00 2001 From: fatima Date: Fri, 2 Dec 2022 11:26:32 +0200 Subject: [PATCH 1/9] greenchange --- week-1/9-git-branch/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/week-1/9-git-branch/styles.css b/week-1/9-git-branch/styles.css index 0051cdbaf..bc4104b39 100644 --- a/week-1/9-git-branch/styles.css +++ b/week-1/9-git-branch/styles.css @@ -1,6 +1,6 @@ /* Add your own CSS code below */ .link { - color: #4491db; + color: green; font-weight: 700; text-decoration: none; } From daef417eca1e3c5fb19bf7e77c5312d96c04e37e Mon Sep 17 00:00:00 2001 From: fatima Date: Fri, 2 Dec 2022 11:32:29 +0200 Subject: [PATCH 2/9] Change 10-media-queries execersise --- week-2/10-media-queries/columns.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/week-2/10-media-queries/columns.css b/week-2/10-media-queries/columns.css index 43e80d23c..cca8db89a 100644 --- a/week-2/10-media-queries/columns.css +++ b/week-2/10-media-queries/columns.css @@ -1 +1,12 @@ /* Add your own CSS code below */ +@media (min-width: 768px) { + .countries { + columns: 2; + } +} + +@media (min-width: 1200px) { + .countries { + columns: 3; + } +} From 7f32e380bbca368fc3de5f8488375287a90ce7b5 Mon Sep 17 00:00:00 2001 From: fatima Date: Fri, 2 Dec 2022 12:34:44 +0200 Subject: [PATCH 3/9] Change 11-flexbox execersise --- week-2/11-flexbox/flexbox.css | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/week-2/11-flexbox/flexbox.css b/week-2/11-flexbox/flexbox.css index 43e80d23c..e79b78daf 100644 --- a/week-2/11-flexbox/flexbox.css +++ b/week-2/11-flexbox/flexbox.css @@ -1 +1,10 @@ /* Add your own CSS code below */ +.countries.countries--first { + display: flex; + flex-direction: row-reverse; +} + +.countries.countries--third { + display: flex; + flex-direction: column-reverse; +} From f4232f5641a8587c327d0df30f03b538c4024bc9 Mon Sep 17 00:00:00 2001 From: fatima Date: Fri, 2 Dec 2022 13:02:09 +0200 Subject: [PATCH 4/9] 12-justify-content --- week-2/12-justify-content/flexbox.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/week-2/12-justify-content/flexbox.css b/week-2/12-justify-content/flexbox.css index 3c4c7ff18..dce94e2b1 100644 --- a/week-2/12-justify-content/flexbox.css +++ b/week-2/12-justify-content/flexbox.css @@ -7,3 +7,18 @@ } /* Add your own CSS code below */ +.countries--first { + justify-content: center; + padding: auto; +} +.countries--second { + justify-content: space-evenly; +} +.countries--third { + justify-content: end; + flex-direction: column; +} +.countries--fourth { + flex-direction: column; + justify-content: space-evenly; +} From e0e8f93375b5e59f31597d2e52066cd6d9174f07 Mon Sep 17 00:00:00 2001 From: fatima Date: Fri, 2 Dec 2022 13:12:46 +0200 Subject: [PATCH 5/9] 13-align-items --- week-2/13-align-items/flexbox.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/week-2/13-align-items/flexbox.css b/week-2/13-align-items/flexbox.css index 3675a0df3..9e390ec31 100644 --- a/week-2/13-align-items/flexbox.css +++ b/week-2/13-align-items/flexbox.css @@ -2,3 +2,21 @@ display: flex; } /* Add your own CSS code below */ +.countries--first { + align-items: center; + justify-content: center; +} +.countries--second { + flex-direction: row-reverse; + justify-content: end; + align-items: flex-end; +} +.countries--third { + flex-direction: column; + align-items: flex-end; +} +.countries--fourth { + flex-direction: column-reverse; + justify-content: end; + align-items: center; +} From da57a232cbb59c38cf2da34bfc64996f8a2479e1 Mon Sep 17 00:00:00 2001 From: fatima Date: Fri, 2 Dec 2022 14:19:00 +0200 Subject: [PATCH 6/9] 14-order --- week-2/14-order/flexbox.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) diff --git a/week-2/14-order/flexbox.css b/week-2/14-order/flexbox.css index ed621b793..c59f7c3a5 100644 --- a/week-2/14-order/flexbox.css +++ b/week-2/14-order/flexbox.css @@ -3,3 +3,25 @@ } /* Add your own CSS code below */ +.countries--first > .country--brazil { + order: 5; +} +.countries--second > .country--brazil { + order: 4; +} + +.countries--second > .country--uganda { + order: 5; +} +.countries--third > .country--brazil { + order: 5; +} +.countries--third > .country--croatia { + order: 4; +} +.countries--third > .country--ethiopia { + order: 3; +} +.countries--third > .country--laos { + order: 2; +} From 03059b5976ebcb008e1c93d6cb7548a2c11488a2 Mon Sep 17 00:00:00 2001 From: fatima Date: Fri, 2 Dec 2022 15:24:04 +0200 Subject: [PATCH 7/9] 15-align-self --- week-2/15-align-self/flexbox.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/week-2/15-align-self/flexbox.css b/week-2/15-align-self/flexbox.css index ed621b793..f52097a9f 100644 --- a/week-2/15-align-self/flexbox.css +++ b/week-2/15-align-self/flexbox.css @@ -3,3 +3,35 @@ } /* Add your own CSS code below */ + +.countries--first > .country--ethiopia { + align-items: baseline; + align-self: flex-end; +} + +.countries--second { + align-items: center; + align-self: flex-end; +} +.countries--second > .country--ethiopia { + align-items: baseline; + align-self: flex-end; +} + +.countries--third { + align-items: flex-end; + align-self: flex-end; +} +.countries--third > .country--brazil { + align-self: flex-start; +} +.countries--third > .country--uganda { + align-self: flex-start; +} +.countries--fourth { + flex-direction: column; + align-items: flex-start; +} +.countries--fourth > .country--uganda { + align-self: center; +} From e6e824c00b6cfeb3619f01359f789b7406593073 Mon Sep 17 00:00:00 2001 From: fatima Date: Fri, 2 Dec 2022 15:53:57 +0200 Subject: [PATCH 8/9] 16-more-flexbox --- week-2/16-more-flexbox/flexbox.css | 40 ++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) diff --git a/week-2/16-more-flexbox/flexbox.css b/week-2/16-more-flexbox/flexbox.css index ed621b793..e1d6b7cd1 100644 --- a/week-2/16-more-flexbox/flexbox.css +++ b/week-2/16-more-flexbox/flexbox.css @@ -3,3 +3,43 @@ } /* Add your own CSS code below */ +.countries--first { + align-items: flex-end; + justify-content: end; +} +.countries--second { + align-items: flex-end; + justify-content: center; +} +.countries--third { + align-items: flex-start; + justify-content: center; +} +.countries--third > .country--brazil { + align-self: flex-end; +} +.countries--fourth { + flex-direction: column; + align-items: flex-end; + justify-content: center; +} +.countries--fourth > .country--ethiopia { + align-self: center; +} +.countries--fourth > .country--laos { + align-self: center; +} + +.countries--fifth { + flex-direction: column-reverse; + justify-content: space-between; + align-items: flex-end; +} + +.countries--fifth > .country--laos { + order: 4; +} + +.countries--fifth > .country--uganda { + align-self: center; +} From b54497f7b6c170480c22890967f117f7a02f07f1 Mon Sep 17 00:00:00 2001 From: fatima Date: Fri, 2 Dec 2022 16:32:11 +0200 Subject: [PATCH 9/9] 17-nav-menu --- week-2/17-nav-menu/styles.css | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/week-2/17-nav-menu/styles.css b/week-2/17-nav-menu/styles.css index f04f4c7ba..74ae94d88 100644 --- a/week-2/17-nav-menu/styles.css +++ b/week-2/17-nav-menu/styles.css @@ -1 +1,18 @@ /* Write your media queries and flexbox CSS below */ +@media (min-width: 480px) { + .site-header__nav { + display: flex; + flex-direction: row; + } +} +@media (min-width: 700px) { + .site-header { + display: flex; + } +} +@media (min-width: 992px) { + .site-header { + display: flex; + justify-content: space-between; + } +}