From b2274dbeacce702533653ab61876f80ef0c7aa76 Mon Sep 17 00:00:00 2001 From: Alex Andros Date: Sat, 19 Oct 2019 13:04:15 +0200 Subject: [PATCH 1/9] exercises w1 --- week-1/1-parent-child/index.html | 59 +-- week-1/1-parent-child/index01.html | 35 ++ week-1/2-html-attributes/index.html | 72 +-- week-1/2-html-attributes/index02.html | 46 ++ week-1/3-semantic-html/index.html | 85 ++-- week-1/3-semantic-html/index03.html | 49 ++ week-1/4-links-scripts/index.html | 69 +-- week-1/4-links-scripts/index04.html | 44 ++ week-1/5-css-selectors/index.html | 74 +-- week-1/5-css-selectors/index05.html | 44 ++ .../5-css-selectors/message-backgrounds.css | 13 + .../5-css-selectors/message-backgrounds05.css | 14 + week-1/6-css-properties/index.html | 89 ++-- week-1/6-css-properties/styles.css | 29 ++ week-1/6-css-properties/styles06.css | 30 ++ week-1/7-css-box/index.html | 62 +-- week-1/7-css-box/index07.html | 36 ++ week-1/7-css-box/styles.css | 7 + week-1/7-css-box/styles07.css | 13 + week-1/8-advanced-selectors/index.html | 97 ++-- week-1/8-advanced-selectors/styles.css | 9 + week-1/exerc./index.html | 14 + week-1/exerc./style.css | 39 ++ week-2/10-media-queries/columns.css | 9 + week-2/10-media-queries/columns10.css | 10 + week-2/10-media-queries/index.html | 446 +++++++++--------- week-2/10-media-queries/index10.html | 228 +++++++++ week-2/11-flexbox/flexbox.css | 15 + week-2/11-flexbox/index.html | 132 +++--- week-2/13-align-items/index.html | 162 +++---- week-2/14-order/index.html | 132 +++--- 31 files changed, 1438 insertions(+), 725 deletions(-) create mode 100644 week-1/1-parent-child/index01.html create mode 100644 week-1/2-html-attributes/index02.html create mode 100644 week-1/3-semantic-html/index03.html create mode 100644 week-1/4-links-scripts/index04.html create mode 100644 week-1/5-css-selectors/index05.html create mode 100644 week-1/5-css-selectors/message-backgrounds05.css create mode 100644 week-1/6-css-properties/styles06.css create mode 100644 week-1/7-css-box/index07.html create mode 100644 week-1/7-css-box/styles07.css create mode 100644 week-1/exerc./index.html create mode 100644 week-1/exerc./style.css create mode 100644 week-2/10-media-queries/columns10.css create mode 100644 week-2/10-media-queries/index10.html diff --git a/week-1/1-parent-child/index.html b/week-1/1-parent-child/index.html index 458a4cb21..c33ea009a 100644 --- a/week-1/1-parent-child/index.html +++ b/week-1/1-parent-child/index.html @@ -1,34 +1,37 @@ - - - 1. Parent-Child Relationships - HTML, CSS and Git Exercises - - - - - - -
-
-
Messages
+ + + 1. Parent-Child Relationships - HTML, CSS and Git Exercises + + + + + + + +
+
+
Messages
+
+
+
+
Anthony
+

+ Who is available to meet this week to work on our group project? +

+ 6:48pm
-
-
-
Anthony
-

- Who is available to meet this week to work on our group project? -

- 6:48pm -
-
-
Habiba
-

- I can meet on Tuesday and Wednesday after 4. -

-
+
+
Habiba
+

+ I can meet on Tuesday and Wednesday after 4. +

+ 7:15pm
- - +
+ + + \ No newline at end of file diff --git a/week-1/1-parent-child/index01.html b/week-1/1-parent-child/index01.html new file mode 100644 index 000000000..ea954107a --- /dev/null +++ b/week-1/1-parent-child/index01.html @@ -0,0 +1,35 @@ + + + + + 1. Parent-Child Relationships - HTML, CSS and Git Exercises + + + + + + + +
+
+
Messages
+
+
+
+
Anthony
+

+ Who is available to meet this week to work on our group project? +

+ 6:48pm +
+
+
Habiba
+

+ I can meet on Tuesday and Wednesday after 4. +

+ 7:15pm +
+
+
+ + diff --git a/week-1/2-html-attributes/index.html b/week-1/2-html-attributes/index.html index dc861fa4f..5eb07dee9 100644 --- a/week-1/2-html-attributes/index.html +++ b/week-1/2-html-attributes/index.html @@ -1,40 +1,44 @@ - - - 2. HTML Attributes - HTML, CSS and Git Exercises - - - - - - -
-
-
Messages
+ + + 2. HTML Attributes - HTML, CSS and Git Exercises + + + + + + + + +
+
+
Messages
+
+
+
+
Won
+

Where should we meet later?

+ 7:25pm
-
-
-
Won
-

Where should we meet later?

- 7:25pm -
-
-
Luke
-

- Let's meet at the iCafe in Merchant City. https://goo.gl/maps/aza4h9nUBhn -

- 7:35pm -
-
-
Won
-

- Ok! https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif -

- 7:38pm -
+
+
Luke
+

+ Let's meet at the iCafe in Merchant City.

+ 7:35pm +
+
+
Won
+

+ Ok! + animated pic +

+ 7:38pm
- - +
+ + + \ No newline at end of file diff --git a/week-1/2-html-attributes/index02.html b/week-1/2-html-attributes/index02.html new file mode 100644 index 000000000..9632525ea --- /dev/null +++ b/week-1/2-html-attributes/index02.html @@ -0,0 +1,46 @@ + + + + + 2. HTML Attributes - HTML, CSS and Git Exercises + + + + + + + + +
+
+
Messages
+
+
+
+
Won
+

Where should we meet later?

+ 7:25pm +
+
+
Luke
+

+ Let's meet at the iCafe in Merchant City. +

+ 7:35pm +
+
+
Won
+

+ Ok! + animated pic +

+ 7:38pm +
+
+
+ + diff --git a/week-1/3-semantic-html/index.html b/week-1/3-semantic-html/index.html index 3640deaff..76d83d6af 100644 --- a/week-1/3-semantic-html/index.html +++ b/week-1/3-semantic-html/index.html @@ -1,43 +1,48 @@ - - - 3. Semantic HTML - HTML, CSS and Git Exercises - - - - - - - -
-
-
Messages
-
-
-
-
Won
-

Where should we meet later?

- Mar 25, 2018 7:25pm -
-
-
Luke
-

- Let's meet at the iCafe in Merchant City. https://goo.gl/maps/aza4h9nUBhn -

- Mar 25, 2018 7:35pm -
-
-
Won
-

- Ok! https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif -

- Mar 25, 2018 7:38pm -
-
-
-
- - - + + + 3. Semantic HTML - HTML, CSS and Git Exercises + + + + + + + + +
+
+
Messages
+
+
+
+
Won +
+

Where should we meet later?

+ Mar 25, 2018 7:25pm +
+
+
Luke
+

+ Let's meet at the iCafe in Merchant City. +

+ Mar 25, 2018 7:35pm +
+
+
Won
+

+ Ok! animated pic + +

+ Mar 25, 2018 7:38pm +
+
+
+
+ + + + \ No newline at end of file diff --git a/week-1/3-semantic-html/index03.html b/week-1/3-semantic-html/index03.html new file mode 100644 index 000000000..1d65da366 --- /dev/null +++ b/week-1/3-semantic-html/index03.html @@ -0,0 +1,49 @@ + + + + + 3. Semantic HTML - HTML, CSS and Git Exercises + + + + + + + + +
+
+
Messages
+
+
+
+
Won
+

Where should we meet later?

+ Mar 25, 2018 7:25pm +
+
+
Luke
+

+ Let's meet at the iCafe in Merchant City. +

+ Mar 25, 2018 7:35pm +
+
+
Won
+

+ Ok! + animated pic +

+ Mar 25, 2018 7:38pm +
+
+
+
+ + + diff --git a/week-1/4-links-scripts/index.html b/week-1/4-links-scripts/index.html index 303c7fbd2..71c4a856b 100644 --- a/week-1/4-links-scripts/index.html +++ b/week-1/4-links-scripts/index.html @@ -1,37 +1,44 @@ - - - 4. Adding Links and Scripts - HTML, CSS and Git Exercises - - - -
-
-
Messages
+ + + 4. Adding Links and Scripts - HTML, CSS and Git Exercises + + + + + + + + + + +
+
+
Messages
+
+
+
+
Won
+

Where should we meet later?

+
-
-
-
Won
-

Where should we meet later?

- -
-
-
Luke
-

- Let's meet at the iCafe in Merchant City. https://goo.gl/maps/aza4h9nUBhn -

- -
-
-
Won
-

- No, I prefer the one on Sauchiehall Street. https://goo.gl/maps/wKDoARcHDp42 -

- -
+
+
Luke
+

+ Let's meet at the iCafe in Merchant City.

+
+
+
Won
+

+ No, I prefer the one on Sauchiehall Street.

- - +
+ + + + \ No newline at end of file diff --git a/week-1/4-links-scripts/index04.html b/week-1/4-links-scripts/index04.html new file mode 100644 index 000000000..d91bb0bc5 --- /dev/null +++ b/week-1/4-links-scripts/index04.html @@ -0,0 +1,44 @@ + + + + + + 4. Adding Links and Scripts - HTML, CSS and Git Exercises + + + + + + + + + + +
+
+
Messages
+
+
+
+
Won
+

Where should we meet later?

+ +
+
+
Luke
+

+ Let's meet at the iCafe in Merchant City.

+
+
+
Won
+

+ No, I prefer the one on Sauchiehall Street.

+
+
+
+ + + + \ No newline at end of file diff --git a/week-1/5-css-selectors/index.html b/week-1/5-css-selectors/index.html index cce9c16dd..69878e6b6 100644 --- a/week-1/5-css-selectors/index.html +++ b/week-1/5-css-selectors/index.html @@ -1,42 +1,44 @@ - - - 5. CSS Selectors - HTML, CSS and Git Exercises - - - - - - - - -
-
-
Messages
+ + + 5. CSS Selectors - HTML, CSS and Git Exercises + + + + + + + + + +
+
+
Messages
+
+
+
+
Won
+

Where should we meet later?

+
-
-
-
Won
-

Where should we meet later?

- -
-
-
Luke
-

- Let's meet at the iCafe in Merchant City. https://goo.gl/maps/aza4h9nUBhn -

- -
-
-
Won
-

- Ok! https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif -

- -
+
+
Luke
+

+ Let's meet at the iCafe in Merchant City.

+
+
+
Won
+

+ Ok! animated pic +

+
- - +
+ + + \ No newline at end of file diff --git a/week-1/5-css-selectors/index05.html b/week-1/5-css-selectors/index05.html new file mode 100644 index 000000000..6308ee851 --- /dev/null +++ b/week-1/5-css-selectors/index05.html @@ -0,0 +1,44 @@ + + + + + + 5. CSS Selectors - HTML, CSS and Git Exercises + + + + + + + + + +
+
+
Messages
+
+
+
+
Won
+

Where should we meet later?

+ +
+
+
Luke
+

+ Let's meet at the iCafe in Merchant City.

+
+
+
Won
+

+ Ok! animated pic +

+ +
+
+
+ + + \ No newline at end of file diff --git a/week-1/5-css-selectors/message-backgrounds.css b/week-1/5-css-selectors/message-backgrounds.css index ffe483325..de6ad62cc 100644 --- a/week-1/5-css-selectors/message-backgrounds.css +++ b/week-1/5-css-selectors/message-backgrounds.css @@ -1 +1,14 @@ /* Add your CSS code below */ +#first-message{ +background: red +} + +article { +background: cadetblue +} + +.message--latest{ +background: yellow +} + + diff --git a/week-1/5-css-selectors/message-backgrounds05.css b/week-1/5-css-selectors/message-backgrounds05.css new file mode 100644 index 000000000..de6ad62cc --- /dev/null +++ b/week-1/5-css-selectors/message-backgrounds05.css @@ -0,0 +1,14 @@ +/* Add your CSS code below */ +#first-message{ +background: red +} + +article { +background: cadetblue +} + +.message--latest{ +background: yellow +} + + diff --git a/week-1/6-css-properties/index.html b/week-1/6-css-properties/index.html index 8e2de7baa..b82a13e21 100644 --- a/week-1/6-css-properties/index.html +++ b/week-1/6-css-properties/index.html @@ -1,51 +1,50 @@ - - - 6. CSS Properties - HTML, CSS and Git Exercises - - - - - - - -
-
-
Messages
+ + + 6. CSS Properties - HTML, CSS and Git Exercises + + + + + + + + +
+
+
Messages
+
+
+
+
Won
+

+ Where should we meet tomorrrow? +

+
-
-
-
Won
-

- Where should we meet tomorrrow? -

- -
-
-
Luke
-

- Let's meet at the iCafe in Merchant City. - - https://goo.gl/maps/aza4h9nUBhn - -

- -
-
-
Won
-

- Ok! - https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif -

- -
+
+
Luke
+

+ Let's meet at the iCafe in Merchant City. + + https://goo.gl/maps/aza4h9nUBhn + +

+ +
+
+
Won
+

+ Ok! + https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif +

+
- - +
+ + + \ No newline at end of file diff --git a/week-1/6-css-properties/styles.css b/week-1/6-css-properties/styles.css index ffe483325..36ab9e70b 100644 --- a/week-1/6-css-properties/styles.css +++ b/week-1/6-css-properties/styles.css @@ -1 +1,30 @@ /* Add your CSS code below */ +a:link{ + color: red; + font-weight: bold; + text-decoration-line: none; +} + +a:visited { + color: red; +} + +.message__content{ +font-size: 0,9rem +} + + +.div.message.message--unread { +border-left-color: 5px solid blue; +} + +.message{ + display: block; + opacity: 0.5; + text-decoration-color: darkslategrey; +} + +.message__content{ + font-size: 16px; + line-height: 1.8em; +} \ No newline at end of file diff --git a/week-1/6-css-properties/styles06.css b/week-1/6-css-properties/styles06.css new file mode 100644 index 000000000..a4d1d2f00 --- /dev/null +++ b/week-1/6-css-properties/styles06.css @@ -0,0 +1,30 @@ +/* Add your CSS code below */ +a:link{ + color: red; + font-weight: bold; + text-decoration-line: none; +} + +a:visited { + color: red; +} + +.message__content{ +font-size: 0,9rem +} + + +.message--unread { +border-left-color: 5px solid blue; +} + +.message{ + display: block; + opacity: 0.5; + text-decoration-color: darkslategrey; +} + +.message__content{ + font-size: 16px; + line-height: 1.8em; +} \ No newline at end of file diff --git a/week-1/7-css-box/index.html b/week-1/7-css-box/index.html index 1e9fd37fc..8684df8bb 100644 --- a/week-1/7-css-box/index.html +++ b/week-1/7-css-box/index.html @@ -1,34 +1,36 @@ - - - 7. CSS Box Model - HTML, CSS and Git Exercises - - - - - - -
-
-
Countries
-
-
    -
  • Afghanistan
    • -
  • Albania
    • -
  • Algeria
    • -
  • Andorra
    • -
  • Angola
    • -
-
- 1 - 2 - 3 - ... - 38 - Showing 5 of 190 -
+ + + 7. CSS Box Model - HTML, CSS and Git Exercises + + + + + + + +
+
+
Countries
+
+
    +
  • Afghanistan
    • +
  • Albania
    • +
  • Algeria
    • +
  • Andorra
    • +
  • Angola
    • +
+
+ 1 + 2 + 3 + ... + 38 + Showing 5 of 190
- - +
+ + + \ No newline at end of file diff --git a/week-1/7-css-box/index07.html b/week-1/7-css-box/index07.html new file mode 100644 index 000000000..6e0e4990e --- /dev/null +++ b/week-1/7-css-box/index07.html @@ -0,0 +1,36 @@ + + + + + + 7. CSS Box Model - HTML, CSS and Git Exercises + + + + + + + +
+
+
Countries
+
+
    +
  • Afghanistan
    • +
  • Albania
    • +
  • Algeria
    • +
  • Andorra
    • +
  • Angola
    • +
+
+ 1 + 2 + 3 + ... + 38 + Showing 5 of 190 +
+
+ + + \ No newline at end of file diff --git a/week-1/7-css-box/styles.css b/week-1/7-css-box/styles.css index 013b94f1e..b6dc662eb 100644 --- a/week-1/7-css-box/styles.css +++ b/week-1/7-css-box/styles.css @@ -4,3 +4,10 @@ border-radius: 4px; background: #fff; } +ul { + width: auto; + height: 0%; + margin: 15px; + border: 0; + padding: 50px; +} diff --git a/week-1/7-css-box/styles07.css b/week-1/7-css-box/styles07.css new file mode 100644 index 000000000..b6dc662eb --- /dev/null +++ b/week-1/7-css-box/styles07.css @@ -0,0 +1,13 @@ +/* Try different box model properties below */ +.pages__page { + border: 1px solid #4491db; + border-radius: 4px; + background: #fff; +} +ul { + width: auto; + height: 0%; + margin: 15px; + border: 0; + padding: 50px; +} diff --git a/week-1/8-advanced-selectors/index.html b/week-1/8-advanced-selectors/index.html index 24f5ca00b..9808fd2e9 100644 --- a/week-1/8-advanced-selectors/index.html +++ b/week-1/8-advanced-selectors/index.html @@ -1,56 +1,55 @@ - - - - 8. Advanced CSS Selectors - HTML, CSS and Git Exercises - - - - - - - -
-
-
Messages
-

All of your messages with Won are shown below.

+ + + + 8. Advanced CSS Selectors - HTML, CSS and Git Exercises + + + + + + + + +
+
+
Messages
+

All of your messages with Won are shown below.

+
+
+
+
Won
+

+ Where should we meet tomorrrow? +

+
-
-
-
Won
-

- Where should we meet tomorrrow? -

- -
-
-
Luke
-

- Let's meet at the iCafe in Merchant City. - - https://goo.gl/maps/aza4h9nUBhn - -

- -
-
-
Won
-

- Ok! - https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif -

- -
+
+
Luke
+

+ Let's meet at the iCafe in Merchant City. + + https://goo.gl/maps/aza4h9nUBhn + +

+
-
-

Last message received Yesterday, 7:38pm.

+
+
Won
+

+ Ok! + https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif +

+
- - +
+

Last message received Yesterday, 7:38pm.

+
+
+ + + \ No newline at end of file diff --git a/week-1/8-advanced-selectors/styles.css b/week-1/8-advanced-selectors/styles.css index d35c3c371..1cb093477 100644 --- a/week-1/8-advanced-selectors/styles.css +++ b/week-1/8-advanced-selectors/styles.css @@ -1 +1,10 @@ /* Try different box model properties below */ + +body p { + text-decoration-color: white; +} + +.site-header p { + color: white; +margin-bottom: 0px; +} diff --git a/week-1/exerc./index.html b/week-1/exerc./index.html new file mode 100644 index 000000000..9f59efd48 --- /dev/null +++ b/week-1/exerc./index.html @@ -0,0 +1,14 @@ + + + + + Flex exersice + + + +
+

Box one

+

Box two

+

Box three

+
+ \ No newline at end of file diff --git a/week-1/exerc./style.css b/week-1/exerc./style.css new file mode 100644 index 000000000..2465bec99 --- /dev/null +++ b/week-1/exerc./style.css @@ -0,0 +1,39 @@ + +.container1{ + justify-content: flex-end; +width: 90%; +margin: 0 auto; +display: flex; +flex-direction: column-reverse; +background-color: orange; +align-items: center; +} + +#first{ + margin: 20px 10px; + width: 50%; +flex: 0 0 200px; +background-color: aqua; +} + +#second{ + margin: 20px 10px; + width: 50%; +flex: 0 0 150px; +background-color: yellowgreen; +} + +#third{ + margin: 20px 10px; + width: 50%; +flex: 0 0 80px; +background-color: blue; +} + +@media screen and (min-width: 641px){ +.container1{ + flex-direction: row; + width: 80%; + + } +} \ No newline at end of file diff --git a/week-2/10-media-queries/columns.css b/week-2/10-media-queries/columns.css index 43e80d23c..bd883399b 100644 --- a/week-2/10-media-queries/columns.css +++ b/week-2/10-media-queries/columns.css @@ -1 +1,10 @@ /* Add your own CSS code below */ +@media screen and (min-width: 768px){ + .countries { + columns: 2; +} + +@media screen and (min-width:1200px){ + .countries { + columns: 3; +} \ No newline at end of file diff --git a/week-2/10-media-queries/columns10.css b/week-2/10-media-queries/columns10.css new file mode 100644 index 000000000..bd883399b --- /dev/null +++ b/week-2/10-media-queries/columns10.css @@ -0,0 +1,10 @@ +/* Add your own CSS code below */ +@media screen and (min-width: 768px){ + .countries { + columns: 2; +} + +@media screen and (min-width:1200px){ + .countries { + columns: 3; +} \ No newline at end of file diff --git a/week-2/10-media-queries/index.html b/week-2/10-media-queries/index.html index bcdd5e39a..92faf2cf2 100644 --- a/week-2/10-media-queries/index.html +++ b/week-2/10-media-queries/index.html @@ -1,226 +1,228 @@ - - - - 10. Media Queries - HTML, CSS and Git Exercises - - - - - -
-
-

Countries

-
-
    -
  • Afghanistan
    • -
  • Albania
    • -
  • Algeria
    • -
  • Andorra
    • -
  • Angola
    • -
  • Antigua and Barbuda
    • -
  • Argentina
    • -
  • Armenia
    • -
  • Aruba
    • -
  • Australia
    • -
  • Austria
    • -
  • Azerbaijan
    • -
  • The Bahamas
    • -
  • Bahrain
    • -
  • Bangladesh
    • -
  • Barbados
    • -
  • Belarus
    • -
  • Belgium
    • -
  • Belize
    • -
  • Benin
    • -
  • Bermuda
    • -
  • Bhutan
    • -
  • Bolivia
    • -
  • Bosnia and Herzegovina
    • -
  • Botswana
    • -
  • Brazil
    • -
  • Brunei
    • -
  • Bulgaria
    • -
  • Burkina Faso (formerly Upper Volta)
    • -
  • Burundi
    • -
  • Cambodia
    • -
  • Cameroon
    • -
  • Canada
    • -
  • Cape Verde
    • -
  • Central African Republic
    • -
  • Chad
    • -
  • Chile
    • -
  • People's Republic of China
    • -
  • Republic of China (Taiwan)
    • -
  • Cook Islands
    • -
  • Colombia
    • -
  • Comoros
    • -
  • - Democratic Republic of the Congo (formerly Zaire) -
    • -
  • Republic of the Congo
    • -
  • Costa Rica
    • -
  • Côte d'Ivoire
    • -
  • Croatia
    • -
  • Cuba
    • -
  • Republic of Cyprus
    • -
  • Czech Republic
    • -
  • Denmark
    • -
  • Djibouti
    • -
  • Dominica
    • -
  • Dominican Republic
    • -
  • Democratic Republic of Congo
    • -
  • East Timor
    • -
  • Ecuador
    • -
  • Egypt
    • -
  • El Salvador
    • -
  • Equatorial Guinea
    • -
  • Eritrea
    • -
  • Estonia
    • -
  • Ethiopia
    • -
  • Fiji
    • -
  • Finland
    • -
  • France
    • -
  • Gabon
    • -
  • The Gambia
    • -
  • Georgia
    • -
  • Germany
    • -
  • Ghana
    • -
  • Greece
    • -
  • Grenada
    • -
  • Guatemala
    • -
  • Guinea
    • -
  • Guinea-Bissau
    • -
  • Guyana
    • -
  • Haiti
    • -
  • Holy See (see Vatican City)
    • -
  • Honduras
    • -
  • Hungary
    • -
  • Iceland
    • -
  • India
    • -
  • Indonesia
    • -
  • Iran
    • -
  • Iraq
    • -
  • Ireland
    • -
  • Israel
    • -
  • Italy
    • -
  • Ivory Coast (see Côte d'Ivoire)
    • -
  • Jamaica
    • -
  • Japan
    • -
  • Jordan
    • -
  • Kazakhstan
    • -
  • Kenya
    • -
  • Kiribati
    • -
  • Kuwait
    • -
  • Kyrgyzstan
    • -
  • Laos
    • -
  • Latvia
    • -
  • Lebanon
    • -
  • Lesotho
    • -
  • Liberia
    • -
  • Libya
    • -
  • Liechtenstein
    • -
  • Lithuania
    • -
  • Luxembourg
    • -
  • Republic of Macedonia
    • -
  • Madagascar
    • -
  • Malawi
    • -
  • Malaysia
    • -
  • Maldives
    • -
  • Mali
    • -
  • Malta
    • -
  • Marshall Islands
    • -
  • Mauritania
    • -
  • Mauritius
    • -
  • Mexico
    • -
  • Federated States of Micronesia
    • -
  • Moldova
    • -
  • Monaco
    • -
  • Mongolia
    • -
  • Montenegro
    • -
  • Morocco
    • -
  • Mozambique
    • -
  • Myanmar (formerly Burma)
    • -
  • Namibia
    • -
  • Nauru
    • -
  • Nepal
    • -
  • Netherlands
    • -
  • New Zealand (Aotearoa)
    • -
  • Nicaragua
    • -
  • Niger
    • -
  • Nigeria
    • -
  • Niue
    • -
  • North Korea
    • -
  • Norway
    • -
  • Oman
    • -
  • Pakistan
    • -
  • Palau
    • -
  • Panama
    • -
  • Papua New Guinea
    • -
  • Paraguay
    • -
  • Peru
    • -
  • Philippines
    • -
  • Poland
    • -
  • Portugal
    • -
  • Qatar
    • -
  • Romania
    • -
  • Russia
    • -
  • Rwanda
    • -
  • Saint Kitts and Nevis
    • -
  • Saint Lucia
    • -
  • Saint Vincent and the Grenadines
    • -
  • Samoa
    • -
  • San Marino
    • -
  • São Tomé and Príncipe
    • -
  • Saudi Arabia
    • -
  • Senegal
    • -
  • Serbia
    • -
  • Seychelles
    • -
  • Sierra Leone
    • -
  • Singapore
    • -
  • Slovakia
    • -
  • Slovenia
    • -
  • Solomon Islands
    • -
  • Somalia
    • -
  • South Africa
    • -
  • South Korea
    • -
  • South Sudan
    • -
  • Spain
    • -
  • Sri Lanka
    • -
  • Sudan
    • -
  • Suriname
    • -
  • Swaziland
    • -
  • Sweden
    • -
  • Switzerland
    • -
  • Syria
    • -
  • Taiwan (see Republic of China)
    • -
  • Tajikistan
    • -
  • Tanzania
    • -
  • Thailand
    • -
  • Togo
    • -
  • Tonga
    • -
  • Trinidad and Tobago
    • -
  • Tunisia
    • -
  • Turkey
    • -
  • Turkmenistan
    • -
  • Tuvalu
    • -
  • Uganda
    • -
  • Ukraine
    • -
  • United Arab Emirates
    • -
  • United Kingdom
    • -
  • United States
    • -
  • Uruguay
    • -
  • Uzbekistan
    • -
  • Vanuatu
    • -
  • Vatican City (Holy See)
    • -
  • Venezuela
    • -
  • Vietnam
    • -
  • Yemen
    • -
  • Zambia
    • -
  • Zimbabwe
    • -
+ + + + 10. Media Queries - HTML, CSS and Git Exercises + + + + + + +
+
+

Countries

- - +
    +
  • Afghanistan
    • +
  • Albania
    • +
  • Algeria
    • +
  • Andorra
    • +
  • Angola
    • +
  • Antigua and Barbuda
    • +
  • Argentina
    • +
  • Armenia
    • +
  • Aruba
    • +
  • Australia
    • +
  • Austria
    • +
  • Azerbaijan
    • +
  • The Bahamas
    • +
  • Bahrain
    • +
  • Bangladesh
    • +
  • Barbados
    • +
  • Belarus
    • +
  • Belgium
    • +
  • Belize
    • +
  • Benin
    • +
  • Bermuda
    • +
  • Bhutan
    • +
  • Bolivia
    • +
  • Bosnia and Herzegovina
    • +
  • Botswana
    • +
  • Brazil
    • +
  • Brunei
    • +
  • Bulgaria
    • +
  • Burkina Faso (formerly Upper Volta)
    • +
  • Burundi
    • +
  • Cambodia
    • +
  • Cameroon
    • +
  • Canada
    • +
  • Cape Verde
    • +
  • Central African Republic
    • +
  • Chad
    • +
  • Chile
    • +
  • People's Republic of China
    • +
  • Republic of China (Taiwan)
    • +
  • Cook Islands
    • +
  • Colombia
    • +
  • Comoros
    • +
  • + Democratic Republic of the Congo (formerly Zaire) +
    • +
  • Republic of the Congo
    • +
  • Costa Rica
    • +
  • Côte d'Ivoire
    • +
  • Croatia
    • +
  • Cuba
    • +
  • Republic of Cyprus
    • +
  • Czech Republic
    • +
  • Denmark
    • +
  • Djibouti
    • +
  • Dominica
    • +
  • Dominican Republic
    • +
  • Democratic Republic of Congo
    • +
  • East Timor
    • +
  • Ecuador
    • +
  • Egypt
    • +
  • El Salvador
    • +
  • Equatorial Guinea
    • +
  • Eritrea
    • +
  • Estonia
    • +
  • Ethiopia
    • +
  • Fiji
    • +
  • Finland
    • +
  • France
    • +
  • Gabon
    • +
  • The Gambia
    • +
  • Georgia
    • +
  • Germany
    • +
  • Ghana
    • +
  • Greece
    • +
  • Grenada
    • +
  • Guatemala
    • +
  • Guinea
    • +
  • Guinea-Bissau
    • +
  • Guyana
    • +
  • Haiti
    • +
  • Holy See (see Vatican City)
    • +
  • Honduras
    • +
  • Hungary
    • +
  • Iceland
    • +
  • India
    • +
  • Indonesia
    • +
  • Iran
    • +
  • Iraq
    • +
  • Ireland
    • +
  • Israel
    • +
  • Italy
    • +
  • Ivory Coast (see Côte d'Ivoire)
    • +
  • Jamaica
    • +
  • Japan
    • +
  • Jordan
    • +
  • Kazakhstan
    • +
  • Kenya
    • +
  • Kiribati
    • +
  • Kuwait
    • +
  • Kyrgyzstan
    • +
  • Laos
    • +
  • Latvia
    • +
  • Lebanon
    • +
  • Lesotho
    • +
  • Liberia
    • +
  • Libya
    • +
  • Liechtenstein
    • +
  • Lithuania
    • +
  • Luxembourg
    • +
  • Republic of Macedonia
    • +
  • Madagascar
    • +
  • Malawi
    • +
  • Malaysia
    • +
  • Maldives
    • +
  • Mali
    • +
  • Malta
    • +
  • Marshall Islands
    • +
  • Mauritania
    • +
  • Mauritius
    • +
  • Mexico
    • +
  • Federated States of Micronesia
    • +
  • Moldova
    • +
  • Monaco
    • +
  • Mongolia
    • +
  • Montenegro
    • +
  • Morocco
    • +
  • Mozambique
    • +
  • Myanmar (formerly Burma)
    • +
  • Namibia
    • +
  • Nauru
    • +
  • Nepal
    • +
  • Netherlands
    • +
  • New Zealand (Aotearoa)
    • +
  • Nicaragua
    • +
  • Niger
    • +
  • Nigeria
    • +
  • Niue
    • +
  • North Korea
    • +
  • Norway
    • +
  • Oman
    • +
  • Pakistan
    • +
  • Palau
    • +
  • Panama
    • +
  • Papua New Guinea
    • +
  • Paraguay
    • +
  • Peru
    • +
  • Philippines
    • +
  • Poland
    • +
  • Portugal
    • +
  • Qatar
    • +
  • Romania
    • +
  • Russia
    • +
  • Rwanda
    • +
  • Saint Kitts and Nevis
    • +
  • Saint Lucia
    • +
  • Saint Vincent and the Grenadines
    • +
  • Samoa
    • +
  • San Marino
    • +
  • São Tomé and Príncipe
    • +
  • Saudi Arabia
    • +
  • Senegal
    • +
  • Serbia
    • +
  • Seychelles
    • +
  • Sierra Leone
    • +
  • Singapore
    • +
  • Slovakia
    • +
  • Slovenia
    • +
  • Solomon Islands
    • +
  • Somalia
    • +
  • South Africa
    • +
  • South Korea
    • +
  • South Sudan
    • +
  • Spain
    • +
  • Sri Lanka
    • +
  • Sudan
    • +
  • Suriname
    • +
  • Swaziland
    • +
  • Sweden
    • +
  • Switzerland
    • +
  • Syria
    • +
  • Taiwan (see Republic of China)
    • +
  • Tajikistan
    • +
  • Tanzania
    • +
  • Thailand
    • +
  • Togo
    • +
  • Tonga
    • +
  • Trinidad and Tobago
    • +
  • Tunisia
    • +
  • Turkey
    • +
  • Turkmenistan
    • +
  • Tuvalu
    • +
  • Uganda
    • +
  • Ukraine
    • +
  • United Arab Emirates
    • +
  • United Kingdom
    • +
  • United States
    • +
  • Uruguay
    • +
  • Uzbekistan
    • +
  • Vanuatu
    • +
  • Vatican City (Holy See)
    • +
  • Venezuela
    • +
  • Vietnam
    • +
  • Yemen
    • +
  • Zambia
    • +
  • Zimbabwe
    • +
+
+ + + \ No newline at end of file diff --git a/week-2/10-media-queries/index10.html b/week-2/10-media-queries/index10.html new file mode 100644 index 000000000..4dfe18173 --- /dev/null +++ b/week-2/10-media-queries/index10.html @@ -0,0 +1,228 @@ + + + + + + + 10. Media Queries - HTML, CSS and Git Exercises + + + + + + +
+
+

Countries

+
+
    +
  • Afghanistan
    • +
  • Albania
    • +
  • Algeria
    • +
  • Andorra
    • +
  • Angola
    • +
  • Antigua and Barbuda
    • +
  • Argentina
    • +
  • Armenia
    • +
  • Aruba
    • +
  • Australia
    • +
  • Austria
    • +
  • Azerbaijan
    • +
  • The Bahamas
    • +
  • Bahrain
    • +
  • Bangladesh
    • +
  • Barbados
    • +
  • Belarus
    • +
  • Belgium
    • +
  • Belize
    • +
  • Benin
    • +
  • Bermuda
    • +
  • Bhutan
    • +
  • Bolivia
    • +
  • Bosnia and Herzegovina
    • +
  • Botswana
    • +
  • Brazil
    • +
  • Brunei
    • +
  • Bulgaria
    • +
  • Burkina Faso (formerly Upper Volta)
    • +
  • Burundi
    • +
  • Cambodia
    • +
  • Cameroon
    • +
  • Canada
    • +
  • Cape Verde
    • +
  • Central African Republic
    • +
  • Chad
    • +
  • Chile
    • +
  • People's Republic of China
    • +
  • Republic of China (Taiwan)
    • +
  • Cook Islands
    • +
  • Colombia
    • +
  • Comoros
    • +
  • + Democratic Republic of the Congo (formerly Zaire) +
    • +
  • Republic of the Congo
    • +
  • Costa Rica
    • +
  • Côte d'Ivoire
    • +
  • Croatia
    • +
  • Cuba
    • +
  • Republic of Cyprus
    • +
  • Czech Republic
    • +
  • Denmark
    • +
  • Djibouti
    • +
  • Dominica
    • +
  • Dominican Republic
    • +
  • Democratic Republic of Congo
    • +
  • East Timor
    • +
  • Ecuador
    • +
  • Egypt
    • +
  • El Salvador
    • +
  • Equatorial Guinea
    • +
  • Eritrea
    • +
  • Estonia
    • +
  • Ethiopia
    • +
  • Fiji
    • +
  • Finland
    • +
  • France
    • +
  • Gabon
    • +
  • The Gambia
    • +
  • Georgia
    • +
  • Germany
    • +
  • Ghana
    • +
  • Greece
    • +
  • Grenada
    • +
  • Guatemala
    • +
  • Guinea
    • +
  • Guinea-Bissau
    • +
  • Guyana
    • +
  • Haiti
    • +
  • Holy See (see Vatican City)
    • +
  • Honduras
    • +
  • Hungary
    • +
  • Iceland
    • +
  • India
    • +
  • Indonesia
    • +
  • Iran
    • +
  • Iraq
    • +
  • Ireland
    • +
  • Israel
    • +
  • Italy
    • +
  • Ivory Coast (see Côte d'Ivoire)
    • +
  • Jamaica
    • +
  • Japan
    • +
  • Jordan
    • +
  • Kazakhstan
    • +
  • Kenya
    • +
  • Kiribati
    • +
  • Kuwait
    • +
  • Kyrgyzstan
    • +
  • Laos
    • +
  • Latvia
    • +
  • Lebanon
    • +
  • Lesotho
    • +
  • Liberia
    • +
  • Libya
    • +
  • Liechtenstein
    • +
  • Lithuania
    • +
  • Luxembourg
    • +
  • Republic of Macedonia
    • +
  • Madagascar
    • +
  • Malawi
    • +
  • Malaysia
    • +
  • Maldives
    • +
  • Mali
    • +
  • Malta
    • +
  • Marshall Islands
    • +
  • Mauritania
    • +
  • Mauritius
    • +
  • Mexico
    • +
  • Federated States of Micronesia
    • +
  • Moldova
    • +
  • Monaco
    • +
  • Mongolia
    • +
  • Montenegro
    • +
  • Morocco
    • +
  • Mozambique
    • +
  • Myanmar (formerly Burma)
    • +
  • Namibia
    • +
  • Nauru
    • +
  • Nepal
    • +
  • Netherlands
    • +
  • New Zealand (Aotearoa)
    • +
  • Nicaragua
    • +
  • Niger
    • +
  • Nigeria
    • +
  • Niue
    • +
  • North Korea
    • +
  • Norway
    • +
  • Oman
    • +
  • Pakistan
    • +
  • Palau
    • +
  • Panama
    • +
  • Papua New Guinea
    • +
  • Paraguay
    • +
  • Peru
    • +
  • Philippines
    • +
  • Poland
    • +
  • Portugal
    • +
  • Qatar
    • +
  • Romania
    • +
  • Russia
    • +
  • Rwanda
    • +
  • Saint Kitts and Nevis
    • +
  • Saint Lucia
    • +
  • Saint Vincent and the Grenadines
    • +
  • Samoa
    • +
  • San Marino
    • +
  • São Tomé and Príncipe
    • +
  • Saudi Arabia
    • +
  • Senegal
    • +
  • Serbia
    • +
  • Seychelles
    • +
  • Sierra Leone
    • +
  • Singapore
    • +
  • Slovakia
    • +
  • Slovenia
    • +
  • Solomon Islands
    • +
  • Somalia
    • +
  • South Africa
    • +
  • South Korea
    • +
  • South Sudan
    • +
  • Spain
    • +
  • Sri Lanka
    • +
  • Sudan
    • +
  • Suriname
    • +
  • Swaziland
    • +
  • Sweden
    • +
  • Switzerland
    • +
  • Syria
    • +
  • Taiwan (see Republic of China)
    • +
  • Tajikistan
    • +
  • Tanzania
    • +
  • Thailand
    • +
  • Togo
    • +
  • Tonga
    • +
  • Trinidad and Tobago
    • +
  • Tunisia
    • +
  • Turkey
    • +
  • Turkmenistan
    • +
  • Tuvalu
    • +
  • Uganda
    • +
  • Ukraine
    • +
  • United Arab Emirates
    • +
  • United Kingdom
    • +
  • United States
    • +
  • Uruguay
    • +
  • Uzbekistan
    • +
  • Vanuatu
    • +
  • Vatican City (Holy See)
    • +
  • Venezuela
    • +
  • Vietnam
    • +
  • Yemen
    • +
  • Zambia
    • +
  • Zimbabwe
    • +
+
+ + + \ No newline at end of file diff --git a/week-2/11-flexbox/flexbox.css b/week-2/11-flexbox/flexbox.css index 43e80d23c..f74783f92 100644 --- a/week-2/11-flexbox/flexbox.css +++ b/week-2/11-flexbox/flexbox.css @@ -1 +1,16 @@ /* Add your own CSS code below */ +.countries{ +display: flex; +} + +.countries--first{ +flex-direction: row-reverse; +} + +.countries--second{ +flex-direction: column; +} + +.countries--third{ +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 11dc3dbb0..395b56792 100644 --- a/week-2/11-flexbox/index.html +++ b/week-2/11-flexbox/index.html @@ -1,74 +1,76 @@ - - - - 11 - Flex Direction- HTML, CSS and Git Exercises - - - - - -
-
-
-
-

Exercises

-

- Make the items below look like the images in the Solutions box. -

-
+ + + + 11 - Flex Direction- HTML, CSS and Git Exercises + + + + + + +
+
+
+
+

Exercises

+

+ Make the items below look like the images in the Solutions box. +

-
-
-

First

-
    -
  • 1. Brazil
    • -
  • 2. Croatia
    • -
  • 3. Ethiopia
    • -
  • 4. Laos
    • -
  • 5. Uganda
    • -
-
-
-

Solution

- -
+
+
+
+

First

+
    +
  • 1. Brazil
    • +
  • 2. Croatia
    • +
  • 3. Ethiopia
    • +
  • 4. Laos
    • +
  • 5. Uganda
    • +
-
-
-

Second

-
    -
  • 1. Brazil
    • -
  • 2. Croatia
    • -
  • 3. Ethiopia
    • -
  • 4. Laos
    • -
  • 5. Uganda
    • -
-
-
-

Solution

- -
+
+

Solution

+
-
-
-

Third

-
    -
  • 1. Brazil
    • -
  • 2. Croatia
    • -
  • 3. Ethiopia
    • -
  • 4. Laos
    • -
  • 5. Uganda
    • -
-
-
-

Solution

- -
+
+
+
+

Second

+
    +
  • 1. Brazil
    • +
  • 2. Croatia
    • +
  • 3. Ethiopia
    • +
  • 4. Laos
    • +
  • 5. Uganda
    • +
+
+
+

Solution

+
- - +
+
+

Third

+
    +
  • 1. Brazil
    • +
  • 2. Croatia
    • +
  • 3. Ethiopia
    • +
  • 4. Laos
    • +
  • 5. Uganda
    • +
+
+
+

Solution

+ +
+
+
+ + + \ No newline at end of file diff --git a/week-2/13-align-items/index.html b/week-2/13-align-items/index.html index a833f3ec3..a3d264030 100644 --- a/week-2/13-align-items/index.html +++ b/week-2/13-align-items/index.html @@ -1,90 +1,92 @@ - - - - 13 - Align Items - HTML, CSS and Git Exercises - - - - - -
-
-
-
-

Exercises

-

- Make the items below look like the images in the Solutions box. -

-
+ + + + 13 - Align Items - HTML, CSS and Git Exercises + + + + + + +
+
+
+
+

Exercises

+

+ Make the items below look like the images in the Solutions box. +

-
-
-

First

-
    -
  • 1. Brazil
    • -
  • 2. Croatia
    • -
  • 3. Ethiopia
    • -
  • 4. Laos
    • -
  • 5. Uganda
    • -
-
-
-

Solution

- -
+
+
+
+

First

+
    +
  • 1. Brazil
    • +
  • 2. Croatia
    • +
  • 3. Ethiopia
    • +
  • 4. Laos
    • +
  • 5. Uganda
    • +
-
-
-

Second

-
    -
  • 1. Brazil
    • -
  • 2. Croatia
    • -
  • 3. Ethiopia
    • -
  • 4. Laos
    • -
  • 5. Uganda
    • -
-
-
-

Solution

- -
+
+

Solution

+
-
-
-

Third

-
    -
  • 1. Brazil
    • -
  • 2. Croatia
    • -
  • 3. Ethiopia
    • -
  • 4. Laos
    • -
  • 5. Uganda
    • -
-
-
-

Solution

- -
+
+
+
+

Second

+
    +
  • 1. Brazil
    • +
  • 2. Croatia
    • +
  • 3. Ethiopia
    • +
  • 4. Laos
    • +
  • 5. Uganda
    • +
-
-
-

Fourth

-
    -
  • 1. Brazil
    • -
  • 2. Croatia
    • -
  • 3. Ethiopia
    • -
  • 4. Laos
    • -
  • 5. Uganda
    • -
-
-
-

Solution

- -
+
+

Solution

+ +
+
+
+
+

Third

+
    +
  • 1. Brazil
    • +
  • 2. Croatia
    • +
  • 3. Ethiopia
    • +
  • 4. Laos
    • +
  • 5. Uganda
    • +
+
+
+

Solution

+
- - +
+
+

Fourth

+
    +
  • 1. Brazil
    • +
  • 2. Croatia
    • +
  • 3. Ethiopia
    • +
  • 4. Laos
    • +
  • 5. Uganda
    • +
+
+
+

Solution

+ +
+
+
+ + + \ No newline at end of file diff --git a/week-2/14-order/index.html b/week-2/14-order/index.html index d46600f44..0f79100c2 100644 --- a/week-2/14-order/index.html +++ b/week-2/14-order/index.html @@ -1,74 +1,76 @@ - - - - 14 - Order - HTML, CSS and Git Exercises - - - - - -
-
-
-
-

Exercises

-

- Make the items below look like the images in the Solutions box. -

-
+ + + + 14 - Order - HTML, CSS and Git Exercises + + + + + + +
+
+
+
+

Exercises

+

+ Make the items below look like the images in the Solutions box. +

-
-
-

First

-
    -
  • 1. Brazil
    • -
  • 2. Croatia
    • -
  • 3. Ethiopia
    • -
  • 4. Laos
    • -
  • 5. Uganda
    • -
-
-
-

Solution

- -
+
+
+
+

First

+
    +
  • 1. Brazil
    • +
  • 2. Croatia
    • +
  • 3. Ethiopia
    • +
  • 4. Laos
    • +
  • 5. Uganda
    • +
-
-
-

Second

-
    -
  • 1. Brazil
    • -
  • 2. Croatia
    • -
  • 3. Ethiopia
    • -
  • 4. Laos
    • -
  • 5. Uganda
    • -
-
-
-

Solution

- -
+
+

Solution

+
-
-
-

Third

-
    -
  • 1. Brazil
    • -
  • 2. Croatia
    • -
  • 3. Ethiopia
    • -
  • 4. Laos
    • -
  • 5. Uganda
    • -
-
-
-

Solution

- -
+
+
+
+

Second

+
    +
  • 1. Brazil
    • +
  • 2. Croatia
    • +
  • 3. Ethiopia
    • +
  • 4. Laos
    • +
  • 5. Uganda
    • +
+
+
+

Solution

+
- - +
+
+

Third

+
    +
  • 1. Brazil
    • +
  • 2. Croatia
    • +
  • 3. Ethiopia
    • +
  • 4. Laos
    • +
  • 5. Uganda
    • +
+
+
+

Solution

+ +
+
+
+ + + \ No newline at end of file From 649600ff7ac2aeee84358c4de05edea459bff5be Mon Sep 17 00:00:00 2001 From: Alex Andros Date: Sat, 19 Oct 2019 13:54:05 +0200 Subject: [PATCH 2/9] exs 12 --- week-2/12-justify-content/flexbox.css | 27 +++++++++++++++- week-2/npm-debug.log | 44 +++++++++++++++++++++++++++ 2 files changed, 70 insertions(+), 1 deletion(-) create mode 100644 week-2/npm-debug.log diff --git a/week-2/12-justify-content/flexbox.css b/week-2/12-justify-content/flexbox.css index 3c4c7ff18..d419c404a 100644 --- a/week-2/12-justify-content/flexbox.css +++ b/week-2/12-justify-content/flexbox.css @@ -1,9 +1,34 @@ .countries { display: flex; + font-size: small; } .countries--second .country { padding: 0.5em; + margin: 0.5em; + line-height: 1; + flex-direction: row; + align-content: center; + justify-content: space-around; } - /* Add your own CSS code below */ + +.countries--first { + padding: 1rem; + text-anchor: middle; + align-content: flex-end; + justify-content: flex-end; + margin: 0.5em; +} + +.countries--tall { + flex-direction: column; +} +.countries--third { + justify-content: end; +} + +.countries--fourth { + flex-direction: column-reverse; + justify-content: space-around; +} diff --git a/week-2/npm-debug.log b/week-2/npm-debug.log new file mode 100644 index 000000000..b2da50728 --- /dev/null +++ b/week-2/npm-debug.log @@ -0,0 +1,44 @@ +0 info it worked if it ends with ok +1 verbose cli [ '/usr/bin/node', '/usr/bin/npm', 'run', '12' ] +2 info using npm@3.5.2 +3 info using node@v8.10.0 +4 verbose run-script [ 'pre12', '12', 'post12' ] +5 info lifecycle html-css-git-exercises@1.0.0~pre12: html-css-git-exercises@1.0.0 +6 silly lifecycle html-css-git-exercises@1.0.0~pre12: no script for pre12, continuing +7 info lifecycle html-css-git-exercises@1.0.0~12: html-css-git-exercises@1.0.0 +8 verbose lifecycle html-css-git-exercises@1.0.0~12: unsafe-perm in lifecycle true +9 verbose lifecycle html-css-git-exercises@1.0.0~12: PATH: /usr/share/npm/bin/node-gyp-bin:/home/user0007/MC-ex/html-css-git-exercises/node_modules/.bin:/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin:/usr/games:/usr/local/games:/snap/bin +10 verbose lifecycle html-css-git-exercises@1.0.0~12: CWD: /home/user0007/MC-ex/html-css-git-exercises +11 silly lifecycle html-css-git-exercises@1.0.0~12: Args: [ '-c', 'live-server --open=week-2/12-justify-content' ] +12 info lifecycle html-css-git-exercises@1.0.0~12: Failed to exec 12 script +13 verbose stack Error: html-css-git-exercises@1.0.0 12: `live-server --open=week-2/12-justify-content` +13 verbose stack spawn ENOENT +13 verbose stack at ChildProcess. (/usr/share/npm/lib/utils/spawn.js:17:16) +13 verbose stack at emitTwo (events.js:126:13) +13 verbose stack at ChildProcess.emit (events.js:214:7) +13 verbose stack at maybeClose (internal/child_process.js:925:16) +13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5) +14 verbose pkgid html-css-git-exercises@1.0.0 +15 verbose cwd /home/user0007/MC-ex/html-css-git-exercises/week-2 +16 error Linux 4.18.0-15-generic +17 error argv "/usr/bin/node" "/usr/bin/npm" "run" "12" +18 error node v8.10.0 +19 error npm v3.5.2 +20 error file sh +21 error code ELIFECYCLE +22 error errno ENOENT +23 error syscall spawn +24 error html-css-git-exercises@1.0.0 12: `live-server --open=week-2/12-justify-content` +24 error spawn ENOENT +25 error Failed at the html-css-git-exercises@1.0.0 12 script 'live-server --open=week-2/12-justify-content'. +25 error Make sure you have the latest version of node.js and npm installed. +25 error If you do, this is most likely a problem with the html-css-git-exercises package, +25 error not with npm itself. +25 error Tell the author that this fails on your system: +25 error live-server --open=week-2/12-justify-content +25 error You can get information on how to open an issue for this project with: +25 error npm bugs html-css-git-exercises +25 error Or if that isn't available, you can get their info via: +25 error npm owner ls html-css-git-exercises +25 error There is likely additional logging output above. +26 verbose exit [ 1, true ] From 322b3c7f66e986577c8f9d924a40406b84a18d16 Mon Sep 17 00:00:00 2001 From: Alex Andros Date: Tue, 22 Oct 2019 11:06:53 +0200 Subject: [PATCH 3/9] ex13-not sure if finished can't see result --- week-2/13-align-items/flexbox.css | 26 ++++++++++++++++++++++++++ 1 file changed, 26 insertions(+) diff --git a/week-2/13-align-items/flexbox.css b/week-2/13-align-items/flexbox.css index 3675a0df3..4b9f1ba2f 100644 --- a/week-2/13-align-items/flexbox.css +++ b/week-2/13-align-items/flexbox.css @@ -2,3 +2,29 @@ display: flex; } /* Add your own CSS code below */ + +.countries--first { + flex-direction: row; + align-items: center; + justify-content: flex-start; +} + +.countries--second { + flex-direction: row-reverse; + align-items: flex-end; + justify-content: flex-end; +} + +.countries--third { + flex-direction: column; + align-items: flex-end; + justify-content: right; + margin: auto; +} + +.countries--fourth { + flex-direction: column-reverse; + align-items: center; + justify-content: last baseline; + margin: auto; +} From 03e5437d179905e8cbbb8d41f9e8bd47e614bf3b Mon Sep 17 00:00:00 2001 From: Alex Andros Date: Tue, 22 Oct 2019 14:01:33 +0200 Subject: [PATCH 4/9] ex14-stuck with orders --- week-2/14-order/flexbox.css | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/week-2/14-order/flexbox.css b/week-2/14-order/flexbox.css index ed621b793..bfac5938b 100644 --- a/week-2/14-order/flexbox.css +++ b/week-2/14-order/flexbox.css @@ -1,5 +1,33 @@ .countries { display: flex; + justify-content: flex-start; + margin: auto; +} + +.countries--first:nth-of-type(country--uganda) { + order: 3; +} +.countries--first:nth-of-type(country--brazil) { + order: 4; +} +.countries--first:nth-of-type(country--laos) { + order: 0; +} +.countries--first:nth-of-type(country--croatia) { + order: 0; +} +.countries--first:nth-of-type(country--ethiopia) { + order: 0; +} +.countries--second:nth-of-type(country--brazil) { + order: 3; +} +.countries--second:nth-of-type(country--uganda) { + order: 4; +} + +.countries--third { + flex-direction: row-reverse; } /* Add your own CSS code below */ From 7614dcbec0b08fb66be81f2f8ac3bb94169e847b Mon Sep 17 00:00:00 2001 From: Alex Andros Date: Tue, 22 Oct 2019 18:09:29 +0200 Subject: [PATCH 5/9] ex14 complete --- week-2/14-order/flexbox.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/week-2/14-order/flexbox.css b/week-2/14-order/flexbox.css index bfac5938b..9d8b6c18c 100644 --- a/week-2/14-order/flexbox.css +++ b/week-2/14-order/flexbox.css @@ -4,25 +4,25 @@ margin: auto; } -.countries--first:nth-of-type(country--uganda) { +.countries--first .country--uganda { order: 3; } -.countries--first:nth-of-type(country--brazil) { +.countries--first .country--brazil { order: 4; } -.countries--first:nth-of-type(country--laos) { +.countries--first .country--laos { order: 0; } -.countries--first:nth-of-type(country--croatia) { +.countries--first .country--croatia { order: 0; } -.countries--first:nth-of-type(country--ethiopia) { +.countries--first .country--ethiopia { order: 0; } -.countries--second:nth-of-type(country--brazil) { +.countries--second .country--brazil { order: 3; } -.countries--second:nth-of-type(country--uganda) { +.countries--second .country--uganda { order: 4; } From 19987a6f68f50cc869b91a6216b6043693963ed2 Mon Sep 17 00:00:00 2001 From: Alex Andros Date: Fri, 25 Oct 2019 11:10:41 +0200 Subject: [PATCH 6/9] ex15+forms --- week-2/15-align-self/flexbox.css | 49 ++++++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) diff --git a/week-2/15-align-self/flexbox.css b/week-2/15-align-self/flexbox.css index ed621b793..fb035a6c1 100644 --- a/week-2/15-align-self/flexbox.css +++ b/week-2/15-align-self/flexbox.css @@ -3,3 +3,52 @@ } /* Add your own CSS code below */ + +.countries--first .country--ethiopia { + align-self: flex-end; +} + +.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 .country--brazil { + align-self: baseline; +} +.countries--third .country--croatia { + align-self: flex-end; +} +.countries--third .country--ethiopia { + align-self: flex-end; +} + +.countries--third .country--laos { + align-self: flex-end; +} + +.countries--third .country--uganda { + align-self: baseline; +} +.countries--fourth { + flex-direction: column; + margin: auto; + align-items: flex-start; +} + +.countries--fourth .country--uganda { + align-self: center; +} From 96f3f03c0008ad13c8886b4a05d6cb2ba35096eb Mon Sep 17 00:00:00 2001 From: Alex Andros Date: Fri, 25 Oct 2019 11:44:55 +0200 Subject: [PATCH 7/9] ex16 --- week-2/16-more-flexbox/flexbox.css | 50 ++++++++++++++++++++++++++++++ 1 file changed, 50 insertions(+) diff --git a/week-2/16-more-flexbox/flexbox.css b/week-2/16-more-flexbox/flexbox.css index ed621b793..a1504dfed 100644 --- a/week-2/16-more-flexbox/flexbox.css +++ b/week-2/16-more-flexbox/flexbox.css @@ -3,3 +3,53 @@ } /* Add your own CSS code below */ +.countries--first { + align-items: flex-end; + justify-content: flex-end; +} + +.countries--second { + flex-direction: row-reverse; + 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; + align-items: flex-end; + justify-content: space-between; +} +.countries--fifth .country--uganda { + align-self: center; + order: 1; +} +.countries--fifth .country--laos { + order: 2; +} +.countries--fifth .country--brazil { + order: 0; +} +.countries--fifth .country--ethiopia { + order: 0; +} +.countries--fifth .country--croatia { + order: 0; +} From a13cb6ddba64ccb4c2d1fc56e73cc5fe08771e43 Mon Sep 17 00:00:00 2001 From: Alex Andros Date: Fri, 25 Oct 2019 13:21:47 +0200 Subject: [PATCH 8/9] ex17 - stuck --- week-2/17-nav-menu/styles.css | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/week-2/17-nav-menu/styles.css b/week-2/17-nav-menu/styles.css index f04f4c7ba..582ed11d3 100644 --- a/week-2/17-nav-menu/styles.css +++ b/week-2/17-nav-menu/styles.css @@ -1 +1,29 @@ /* Write your media queries and flexbox CSS below */ +.site-header { + display: flex; + padding: 0; + margin: 0; +} +@media screen and (min-width: 480px) { + .site-header { + flex-direction: row; + align-content: center; + justify-content: space-around; + } +} + +@media screen and (min-width: 700px) { + .site-header { + flex-direction: row; + align-content: center; + justify-content: space-around; + } +} + +@media screen and (min-width: 992px) { + .site-header { + flex-direction: row; + align-content: center; + justify-content: space-around; + } +} From 47c146a7d05625ed9945e5286e66e89ded43b96a Mon Sep 17 00:00:00 2001 From: Alex Andros Date: Fri, 25 Oct 2019 13:39:30 +0200 Subject: [PATCH 9/9] orange dark --- week-2/18-git-merge/styles.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/week-2/18-git-merge/styles.css b/week-2/18-git-merge/styles.css index 0051cdbaf..af46a4f77 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; }