diff --git a/package-lock.json b/package-lock.json index c51d81cb..9d4705bf 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1615,9 +1615,9 @@ "dev": true }, "kind-of": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.2.tgz", - "integrity": "sha512-s5kLOcnH0XqDO+FvuaLX8DDjZ18CGFk7VygH40QoKPUQhW4e2rvM0rwUq0t8IQDOwYSeLK01U90OjzBTme2QqA==", + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz", + "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==", "dev": true }, "live-server": { @@ -2631,9 +2631,9 @@ } }, "websocket-extensions": { - "version": "0.1.3", - "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.3.tgz", - "integrity": "sha512-nqHUnMXmBzT0w570r2JpJxfiSD1IzoI+HGVdd3aZ0yNi3ngvQ4jv1dtHt5VGxfI2yj5yqImPhOK4vmIh2xMbGg==", + "version": "0.1.4", + "resolved": "https://registry.npmjs.org/websocket-extensions/-/websocket-extensions-0.1.4.tgz", + "integrity": "sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==", "dev": true }, "which": { diff --git a/package.json b/package.json index c9808dbe..c808e6fd 100644 --- a/package.json +++ b/package.json @@ -5,35 +5,35 @@ "author": "Codi", "license": "ISC", "scripts": { - "1": "live-server --open=week-1/1-parent-child", - "2": "live-server --open=week-1/2-html-attributes", - "3": "live-server --open=week-1/3-semantic-html", - "4": "live-server --open=week-1/4-links-scripts", - "5": "live-server --open=week-1/5-css-selectors", - "6": "live-server --open=week-1/6-css-properties", - "7": "live-server --open=week-1/7-css-box", - "8": "live-server --open=week-1/8-advanced-selectors", - "9": "live-server --open=week-1/9-git-branch", - "10": "live-server --open=week-2/10-media-queries", - "11": "live-server --open=week-2/11-flexbox", - "12": "live-server --open=week-2/12-justify-content", - "13": "live-server --open=week-2/13-align-items", - "14": "live-server --open=week-2/14-order", - "15": "live-server --open=week-2/15-align-self", - "16": "live-server --open=week-2/16-more-flexbox", - "17": "live-server --open=week-2/17-nav-menu", - "18": "live-server --open=week-2/18-git-merge", - "19": "live-server --open=week-3/19-search", - "20": "live-server --open=week-3/20-labels", - "21": "live-server --open=week-3/21-buttons", - "22": "live-server --open=week-3/22-checkout", - "23": "live-server --open=week-3/23-comments", - "24": "live-server --open=week-3/24-dietary", - "25": "live-server --open=week-3/25-shirt-size", - "26": "live-server --open=week-3/26-checkout-groups", - "27": "live-server --open=week-3/27-attributes", - "28": "live-server --open=week-3/28-git-conflict", - "29": "live-server --open=week-3/29-combined-skills", + "1": "live-server --open=part-1/1-parent-child", + "2": "live-server --open=part-1/2-html-attributes", + "3": "live-server --open=part-1/3-semantic-html", + "4": "live-server --open=part-1/4-links-scripts", + "5": "live-server --open=part-1/5-css-selectors", + "6": "live-server --open=part-1/6-css-properties", + "7": "live-server --open=part-1/7-css-box", + "8": "live-server --open=part-1/8-advanced-selectors", + "9": "live-server --open=part-1/9-git-branch", + "10": "live-server --open=part-2/10-media-queries", + "11": "live-server --open=part-2/11-flexbox", + "12": "live-server --open=part-2/12-justify-content", + "13": "live-server --open=part-2/13-align-items", + "14": "live-server --open=part-2/14-order", + "15": "live-server --open=part-2/15-align-self", + "16": "live-server --open=part-2/16-more-flexbox", + "17": "live-server --open=part-2/17-nav-menu", + "18": "live-server --open=part-2/18-git-merge", + "19": "live-server --open=part-3/19-search", + "20": "live-server --open=part-3/20-labels", + "21": "live-server --open=part-3/21-buttons", + "22": "live-server --open=part-3/22-checkout", + "23": "live-server --open=part-3/23-comments", + "24": "live-server --open=part-3/24-dietary", + "25": "live-server --open=part-3/25-shirt-size", + "26": "live-server --open=part-3/26-checkout-groups", + "27": "live-server --open=part-3/27-attributes", + "28": "live-server --open=part-3/28-git-conflict", + "29": "live-server --open=part-3/29-combined-skills", "precommit": "pretty-quick --staged --verbose", "serve": "live-server" }, diff --git a/part-1/1-parent-child/index.html b/part-1/1-parent-child/index.html index 458a4cb2..24036e81 100644 --- a/part-1/1-parent-child/index.html +++ b/part-1/1-parent-child/index.html @@ -27,6 +27,7 @@

I can meet on Tuesday and Wednesday after 4.

+ diff --git a/part-1/2-html-attributes/index.html b/part-1/2-html-attributes/index.html index dc861fa4..34707785 100644 --- a/part-1/2-html-attributes/index.html +++ b/part-1/2-html-attributes/index.html @@ -23,14 +23,15 @@
Luke

- Let's meet at the iCafe in Merchant City. https://goo.gl/maps/aza4h9nUBhn + 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 + Ok!

7:38pm
diff --git a/part-1/3-semantic-html/index.html b/part-1/3-semantic-html/index.html index 3640deaf..38934b74 100644 --- a/part-1/3-semantic-html/index.html +++ b/part-1/3-semantic-html/index.html @@ -12,30 +12,32 @@
- -
-
+ +
+
Won
-

Where should we meet later?

- Mar 25, 2018 7:25pm -
-
+
Where should we meet later?
+ + + +
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 -
-
+ + +
diff --git a/part-1/4-links-scripts/index.html b/part-1/4-links-scripts/index.html index 303c7fbd..b7574e07 100644 --- a/part-1/4-links-scripts/index.html +++ b/part-1/4-links-scripts/index.html @@ -4,6 +4,7 @@ 4. Adding Links and Scripts - HTML, CSS and Git Exercises + @@ -33,5 +34,6 @@ + diff --git a/part-1/5-css-selectors/message-backgrounds.css b/part-1/5-css-selectors/message-backgrounds.css index ffe48332..50d5e2a4 100644 --- a/part-1/5-css-selectors/message-backgrounds.css +++ b/part-1/5-css-selectors/message-backgrounds.css @@ -1 +1,11 @@ /* Add your CSS code below */ +#first-message { + background-color: red; +} +article { + background-color: cadetblue; +} + +.message--latest { + background-color: yellow; +} diff --git a/part-1/6-css-properties/styles.css b/part-1/6-css-properties/styles.css index ffe48332..17efd6bd 100644 --- a/part-1/6-css-properties/styles.css +++ b/part-1/6-css-properties/styles.css @@ -1 +1,18 @@ /* Add your CSS code below */ +.link { + text-decoration: none; + font-weight: bold; + color: red; +} +.message__time { + font-size: 0.9rem; +} +.message--unread { + border-left: 5px solid blue; +} +.message__time--old { + opacity: 50%; +} +.message { + margin-bottom: 2.8rem; +} diff --git a/part-1/7-css-box/styles.css b/part-1/7-css-box/styles.css index 013b94f1..f71c831b 100644 --- a/part-1/7-css-box/styles.css +++ b/part-1/7-css-box/styles.css @@ -4,3 +4,7 @@ border-radius: 4px; background: #fff; } + +.countries li { + margin-bottom: 2.5rem; +} diff --git a/part-1/8-advanced-selectors/styles.css b/part-1/8-advanced-selectors/styles.css index d35c3c37..3cfe4b4f 100644 --- a/part-1/8-advanced-selectors/styles.css +++ b/part-1/8-advanced-selectors/styles.css @@ -1 +1,13 @@ /* Try different box model properties below */ +.site-header > p { + color: white; + margin-bottom: 0.5rem; +} + +.site-footer > p { + font-size: 12px; + text-align: center; +} +.message:last-child { + box-shadow: 4px 4px 0 #dba944; +} diff --git a/part-1/9-git-branch/styles.css b/part-1/9-git-branch/styles.css index 0051cdba..bc4104b3 100644 --- a/part-1/9-git-branch/styles.css +++ b/part-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; } diff --git a/part-2/10-media-queries/columns.css b/part-2/10-media-queries/columns.css index 43e80d23..711e9b95 100644 --- a/part-2/10-media-queries/columns.css +++ b/part-2/10-media-queries/columns.css @@ -1 +1,12 @@ /* Add your own CSS code below */ +@media screen and (max-width: 768px) { + .countries { + columns: 2; + } +} + +@media screen and (max-width: 1200px) { + .countries { + columns: 3; + } +} diff --git a/part-2/11-flexbox/flexbox.css b/part-2/11-flexbox/flexbox.css index 43e80d23..e7345304 100644 --- a/part-2/11-flexbox/flexbox.css +++ b/part-2/11-flexbox/flexbox.css @@ -1 +1,11 @@ /* Add your own CSS code below */ +.container { + display: flex; +} +.countries--first { + flex-direction: row-reverse; +} + +.countries--third { + flex-direction: column-reverse; +} diff --git a/part-2/11-flexbox/index.html b/part-2/11-flexbox/index.html index 11dc3dbb..989b370f 100644 --- a/part-2/11-flexbox/index.html +++ b/part-2/11-flexbox/index.html @@ -24,7 +24,7 @@

Exercises

First

-