diff --git a/week-2/10-media-queries/columns.css b/week-2/10-media-queries/columns.css
index 43e80d23..ce70a66f 100644
--- a/week-2/10-media-queries/columns.css
+++ b/week-2/10-media-queries/columns.css
@@ -1 +1,13 @@
/* Add your own CSS code below */
+@media only screen and (min-width: 768px) {
+ .countries {
+ columns: 2 ;
+ }
+ }
+
+ @media only screen and (min-width: 1200px) {
+ .countries {
+ columns: 3;
+ }
+ }
+
diff --git a/week-2/11-flexbox/flexbox.css b/week-2/11-flexbox/flexbox.css
index 43e80d23..a15653b4 100644
--- a/week-2/11-flexbox/flexbox.css
+++ b/week-2/11-flexbox/flexbox.css
@@ -1 +1,15 @@
/* Add your own CSS code below */
+.countries--first{
+ display: flex;
+ flex-direction: row-reverse;
+ width: 65%;
+ }
+ .countries--second {
+ width: 65%;
+ }
+ .countries--third {
+ width: 65%;
+ flex-direction: column-reverse;
+ }
+
+
\ No newline at end of file
diff --git a/week-2/11-flexbox/index.html b/week-2/11-flexbox/index.html
index 11dc3dbb..865ea437 100644
--- a/week-2/11-flexbox/index.html
+++ b/week-2/11-flexbox/index.html
@@ -57,11 +57,11 @@
Solution
Third
- - 1. Brazil
- - 2. Croatia
- - 3. Ethiopia
- - 4. Laos
- 5. Uganda
+ - 4. Laos
+ - 3. Ethiopia
+ - 2. Croatia
+ - 1. Brazil
diff --git a/week-2/12-justify-content/flexbox.css b/week-2/12-justify-content/flexbox.css
index 3c4c7ff1..704628b6 100644
--- a/week-2/12-justify-content/flexbox.css
+++ b/week-2/12-justify-content/flexbox.css
@@ -2,8 +2,43 @@
display: flex;
}
+
+
.countries--second .country {
padding: 0.5em;
}
/* Add your own CSS code below */
+.countries--first {
+ width: 63%;
+ justify-content:flex-end;
+}
+
+.countries--second {
+ width: 63%;
+
+}
+.countries--second > li {
+ margin: auto;
+ padding: 20px;
+ justify-content: space-around;
+}
+
+.countries--third {
+ width: 63%;
+ flex-direction: column;
+ justify-content: end;
+}
+
+.countries--fourth {
+ flex-direction: column-reverse;
+ justify-self:flex-end;
+ width: 63%;
+}
+
+.countries--fourth > li {
+ margin-top: auto;
+ margin-bottom: auto;
+
+
+}
diff --git a/week-2/13-align-items/flexbox.css b/week-2/13-align-items/flexbox.css
index 3675a0df..b389d4a5 100644
--- a/week-2/13-align-items/flexbox.css
+++ b/week-2/13-align-items/flexbox.css
@@ -2,3 +2,24 @@
display: flex;
}
/* Add your own CSS code below */
+.countries--first {
+ flex-direction: row;
+ align-items: center;
+ width: 62%;
+}
+
+.countries--second {
+ flex-direction: row-reverse;
+ align-items: flex-end;
+ width: 62%;
+}
+.countries--third {
+ flex-direction: column;
+ align-items: flex-end;
+ width: 62%;
+}
+.countries--fourth {
+ flex-direction: column-reverse;
+ align-items:center;
+ width: 62%;
+}
\ No newline at end of file
diff --git a/week-2/14-order/flexbox.css b/week-2/14-order/flexbox.css
index ed621b79..96b7f4fc 100644
--- a/week-2/14-order/flexbox.css
+++ b/week-2/14-order/flexbox.css
@@ -3,3 +3,37 @@
}
/* Add your own CSS code below */
+.countries--first {
+ width: 62%;
+}
+.countries--first .country--brazil {
+ order: calc(5);
+}
+.countries--second {
+ width: 62%;
+}
+.countries--second .country--brazil {
+ order: calc(3);
+}
+.countries--second .country--uganda {
+ order: calc(5);
+}
+.countries--third {
+ width: 62%;
+
+}
+.countries--third .country--brazil {
+ order: calc(5);
+}
+.countries--third .country--croatia {
+ order: calc(4);
+}
+.countries--third .country--laos {
+ order: calc(2);
+}
+.countries--third .country--uganda {
+ order: calc(1);
+}
+.countries--third .country--ethiopia {
+ order: calc(3);
+}
diff --git a/week-2/15-align-self/flexbox.css b/week-2/15-align-self/flexbox.css
index ed621b79..ca6cfb41 100644
--- a/week-2/15-align-self/flexbox.css
+++ b/week-2/15-align-self/flexbox.css
@@ -3,3 +3,46 @@
}
/* Add your own CSS code below */
+.countries--first {
+ width: 62%;
+}
+.countries--first .country--ethiopia {
+ align-self: flex-end;
+}
+.countries--second {
+ width: 62%;
+}
+.countries--second .country--brazil {
+ align-self: center ;
+}
+.countries--second .country--croatia {
+ align-self: center;
+}
+.countries--second .country--ethiopia {
+ align-self: flex-end;
+}
+.countries--second .country--laos {
+ align-self: center;
+}
+.countries--second .country--uganda {
+ align-self: center;
+}
+.countries--third {
+ width: 62%;
+ align-items:flex-end;
+}
+.countries--third .country--brazil {
+ align-self: flex-start;
+}
+.countries--third .country--uganda {
+ align-self: flex-start;
+}
+
+.countries--fourth {
+ width: 62%;
+ flex-direction: column;
+ align-items: flex-start;
+}
+.countries--fourth .country--uganda {
+ align-self: center;
+}
\ No newline at end of file
diff --git a/week-2/16-more-flexbox/flexbox.css b/week-2/16-more-flexbox/flexbox.css
index ed621b79..b19bdfdd 100644
--- a/week-2/16-more-flexbox/flexbox.css
+++ b/week-2/16-more-flexbox/flexbox.css
@@ -3,3 +3,56 @@
}
/* Add your own CSS code below */
+.countries--first {
+ align-items: flex-end;
+ width: 65%;
+ justify-content: right;
+}
+
+.countries--second {
+ width: 65%;
+ flex-direction: row-reverse;
+ align-items: flex-end;
+ justify-content: center;
+}
+
+.countries--third {
+ width: 65%;
+ justify-content: center;
+ align-items: flex-start;
+}
+.countries--third .country--brazil {
+ align-self: flex-end;
+}
+.countries--fourth {
+ width: 65%;
+ 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;
+ width: 65%;
+ align-items: flex-end;
+
+}
+.countries--fifth > li {
+ margin-bottom: auto;
+ margin-top: auto;
+
+}
+
+.countries--fifth .country--uganda {
+ order:calc(4);
+ align-self: center;
+}
+.countries--fifth .country--laos {
+ order: calc(5);
+}
diff --git a/week-2/17-nav-menu/styles.css b/week-2/17-nav-menu/styles.css
index f04f4c7b..121e4afc 100644
--- a/week-2/17-nav-menu/styles.css
+++ b/week-2/17-nav-menu/styles.css
@@ -1 +1,23 @@
/* Write your media queries and flexbox CSS below */
+@media screen and (min-width: 481px) {
+ .site-header__nav {
+ display: flex;
+ flex-direction: row;
+ }
+}
+
+@media screen and (min-width: 701px) {
+ .site-header {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: row;
+ }
+}
+
+@media screen and (min-width: 993px) {
+ .site-header {
+ justify-content: space-between;
+ }
+}
+
\ No newline at end of file
diff --git a/week-2/18-git-merge/styles.css b/week-2/18-git-merge/styles.css
index 0051cdba..af46a4f7 100644
--- a/week-2/18-git-merge/styles.css
+++ b/week-2/18-git-merge/styles.css
@@ -1,6 +1,6 @@
/* Add your own CSS code below */
.link {
- color: #4491db;
+ color: orangered;
font-weight: 700;
text-decoration: none;
}
diff --git a/week-3/19-search/index.html b/week-3/19-search/index.html
index d94ec98d..5eeb032d 100644
--- a/week-3/19-search/index.html
+++ b/week-3/19-search/index.html
@@ -11,7 +11,9 @@
- Delete this line and add your form.
+
diff --git a/week-3/20-labels/index.html b/week-3/20-labels/index.html
index ccdc8171..1c6049d1 100644
--- a/week-3/20-labels/index.html
+++ b/week-3/20-labels/index.html
@@ -12,7 +12,7 @@
diff --git a/week-3/21-buttons/index.html b/week-3/21-buttons/index.html
index ff87846d..fb566048 100644
--- a/week-3/21-buttons/index.html
+++ b/week-3/21-buttons/index.html
@@ -14,7 +14,7 @@
diff --git a/week-3/22-checkout/index.html b/week-3/22-checkout/index.html
index 4c42ebba..924e9ebf 100644
--- a/week-3/22-checkout/index.html
+++ b/week-3/22-checkout/index.html
@@ -37,7 +37,12 @@
Checkout
diff --git a/week-3/23-comments/index.html b/week-3/23-comments/index.html
index 110a5027..88a1b8f2 100644
--- a/week-3/23-comments/index.html
+++ b/week-3/23-comments/index.html
@@ -30,8 +30,13 @@ Our t-shirts are amazing!
diff --git a/week-3/24-dietary/index.html b/week-3/24-dietary/index.html
index 5593174b..322b17c5 100644
--- a/week-3/24-dietary/index.html
+++ b/week-3/24-dietary/index.html
@@ -19,7 +19,23 @@
Codi Summit
diff --git a/week-3/25-shirt-size/index.html b/week-3/25-shirt-size/index.html
index 9e4d606f..15598309 100644
--- a/week-3/25-shirt-size/index.html
+++ b/week-3/25-shirt-size/index.html
@@ -28,8 +28,15 @@
Codi t-shirt, black
+
- Medium
+
|
1
diff --git a/week-3/25-shirt-size/styles.css b/week-3/25-shirt-size/styles.css
index f2831578..9efffb90 100644
--- a/week-3/25-shirt-size/styles.css
+++ b/week-3/25-shirt-size/styles.css
@@ -1 +1,6 @@
/* Add your CSS below */
+.screenreader {
+ clip: rect(1px, 1px, 1px, 1px);
+ position: absolute !important;
+ left: -2000px;
+ }
\ No newline at end of file
diff --git a/week-3/26-checkout-groups/index.html b/week-3/26-checkout-groups/index.html
index 66513ddd..63e35db2 100644
--- a/week-3/26-checkout-groups/index.html
+++ b/week-3/26-checkout-groups/index.html
@@ -37,7 +37,40 @@
|
Add your comments and let us know what you think!
+ - +