Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3,367 changes: 3,352 additions & 15 deletions package-lock.json

Large diffs are not rendered by default.

1 change: 0 additions & 1 deletion part-1/5-css-selectors/message-backgrounds.css

This file was deleted.

1 change: 0 additions & 1 deletion part-1/6-css-properties/styles.css

This file was deleted.

1 change: 0 additions & 1 deletion part-1/8-advanced-selectors/styles.css

This file was deleted.

1 change: 0 additions & 1 deletion part-2/10-media-queries/columns.css

This file was deleted.

1 change: 0 additions & 1 deletion part-2/11-flexbox/flexbox.css

This file was deleted.

9 changes: 0 additions & 9 deletions part-2/12-justify-content/flexbox.css

This file was deleted.

4 changes: 0 additions & 4 deletions part-2/13-align-items/flexbox.css

This file was deleted.

5 changes: 0 additions & 5 deletions part-2/14-order/flexbox.css

This file was deleted.

5 changes: 0 additions & 5 deletions part-2/15-align-self/flexbox.css

This file was deleted.

5 changes: 0 additions & 5 deletions part-2/16-more-flexbox/flexbox.css

This file was deleted.

1 change: 0 additions & 1 deletion part-2/17-nav-menu/styles.css

This file was deleted.

Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,7 @@
<p class="message__content">
I can meet on Tuesday and Wednesday after 4.
</p>
<span class="message__time">7:15pm</span>
</div>
</div>
</div>
Expand Down
File renamed without changes.
Original file line number Diff line number Diff line change
Expand Up @@ -23,14 +23,15 @@
<div class="message">
<div class="message__author">Luke</div>
<p class="message__content">
Let's meet at the iCafe in Merchant City. https://goo.gl/maps/aza4h9nUBhn
Let's meet at the <a href="https://goo.gl/maps/aza4h9nUBhn"> iCafe </a>in Merchant City.
</p>
<span class="message__time">7:35pm</span>
</div>
<div class="message">
<div class="message__author">Won</div>
<p class="message__content">
Ok! https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif
Ok!
<img alt="funnyGif" src="https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif" />
</p>
<span class="message__time">7:38pm</span>
</div>
Expand Down
File renamed without changes.
Original file line number Diff line number Diff line change
Expand Up @@ -12,30 +12,30 @@

<body>
<div class="site-wrapper">
<div class="site-header">
<header role="banner" class="site-header">
<div class="site-header__title">Messages</div>
</div>
<div class="messages">
<div class="message">
</header>
<main role="main" class="messages">
<article class="message">
<div class="message__author">Won</div>
<p class="message__content">Where should we meet later?</p>
<span class="message__time">Mar 25, 2018 7:25pm</span>
</div>
<div class="message">
<time class="message__time" datetime="2018-03-25T19:25"> Mar 25, 2018 7:25pm </time>
</article>
<article class="message">
<div class="message__author">Luke</div>
<p class="message__content">
Let's meet at the iCafe in Merchant City. https://goo.gl/maps/aza4h9nUBhn
</p>
<span class="message__time">Mar 25, 2018 7:35pm</span>
</div>
<div class="message">
<time class="message__time" datetime="2018-03-25T19:35"> Mar 25, 2018 7:35pm</time>
</article>
<article class="message">
<div class="message__author">Won</div>
<p class="message__content">
Ok! https://media.giphy.com/media/l41K4KlVE8dgozf8I/giphy.gif
</p>
<span class="message__time">Mar 25, 2018 7:38pm</span>
</div>
</div>
<time class="message__time" datetime="2018-03-25T19:38"> Mar 25, 2018 7:38pm</time>
</article>
</main>
<div id="result" class="result"></div>
</div>
<script defer src="/js/3-result.js"></script>
Expand Down
File renamed without changes.
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,8 @@
<meta charset="utf-8" />
<title>4. Adding Links and Scripts - HTML, CSS and Git Exercises</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" type="text/css" href="css/missing-styles.css" />
</head>

<body>
<div class="site-wrapper">
<div class="site-header">
Expand Down Expand Up @@ -33,5 +33,6 @@
</div>
</div>
</div>
<script src="js/convertUrls.js"></script>
</body>
</html>
File renamed without changes.
File renamed without changes.
10 changes: 10 additions & 0 deletions week-1/5-css-selectors/message-backgrounds.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
/* Add your CSS code below */
#first-message {
background-color: red;
}
article {
background-color: cadetblue;
}
.message--latest {
background-color: yellow;
}
File renamed without changes.
File renamed without changes.
File renamed without changes.
19 changes: 19 additions & 0 deletions week-1/6-css-properties/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
/* Add your CSS code below */
a {
color: red;
font-weight: bold;
text-decoration: none;
}

.message__time {
font-size: 0.9rem;
}
.message--unread {
border-left: 2px solid blue;
}
.message__time--old {
opacity: 0.5;
}
.message {
line-height: 2.15;
}
File renamed without changes.
File renamed without changes.
7 changes: 7 additions & 0 deletions part-1/7-css-box/styles.css → week-1/7-css-box/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,10 @@
border-radius: 4px;
background: #fff;
}
.country {
margin: 10px;
padding: auto;
}
.pages {
padding: 13px;
}
14 changes: 14 additions & 0 deletions week-1/8-advanced-selectors/styles.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
/* Try different box model properties below */
.site-header p {
color: #fff;
}
.site-header__title {
margin-bottom: -10px;
}
.site-footer p {
font-size: 12px;
text-align: center;
}
.messages .message:last-child {
box-shadow: 4px 4px 0 #dba944;
}
File renamed without changes.
File renamed without changes.
File renamed without changes.
12 changes: 12 additions & 0 deletions week-2/10-media-queries/columns.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
/* Add your own CSS code below */

@media (min-width: 768px) {
.countries {
columns: 2;
}
}
@media (min-width: 1200px) {
.countries {
columns: 3;
}
}
File renamed without changes.
File renamed without changes.
15 changes: 15 additions & 0 deletions week-2/11-flexbox/flexbox.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
/* 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;
}
File renamed without changes.
File renamed without changes.
23 changes: 23 additions & 0 deletions week-2/12-justify-content/flexbox.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
.countries {
display: flex;
}

.countries--second .country {
padding: 0.5em;
}

/* Add your own CSS code below */
.countries--first {
justify-content: end;
}
.countries--second {
justify-content: space-between;
}
.countries--third {
flex-direction: column;
justify-content: end;
}
.countries--fourth {
flex-direction: column-reverse;
justify-content: space-between;
}
25 changes: 25 additions & 0 deletions week-2/13-align-items/flexbox.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
.countries {
display: flex;
}

/* Add your own CSS code below */
.countries--first {
flex-direction: row;
align-items: center;
}

.countries--second {
flex-direction: row-reverse;
align-items: end;
}

.countries--third {
flex-direction: column;

align-items: end;
}

.countries--fourth {
flex-direction: column-reverse;
align-items: center;
}
File renamed without changes.
File renamed without changes.
41 changes: 41 additions & 0 deletions week-2/14-order/flexbox.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,41 @@
.countries {
display: flex;
}

/* Add your own CSS code below */

.countries--first :nth-child(1) {
order: 5;
}

.countries--second :nth-child(1) {
order: 4;
}
.countries--second :nth-child(2) {
order: 1;
}
.countries--second :nth-child(3) {
order: 2;
}
.countries--second :nth-child(4) {
order: 3;
}
.countries--second :nth-child(5) {
order: 5;
}

.countries--third :nth-child(1) {
order: 5;
}
.countries--third :nth-child(2) {
order: 4;
}
.countries--third :nth-child(3) {
order: 3;
}
.countries--third :nth-child(4) {
order: 2;
}
.countries--third :nth-child(5) {
order: 1;
}
File renamed without changes.
File renamed without changes.
31 changes: 31 additions & 0 deletions week-2/15-align-self/flexbox.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
.countries {
display: flex;
}

/* Add your own CSS code below */
.countries--first .country--ethiopia {
align-self: self-end;
}
.countries--second {
align-items: center;
}
.countries--second .country--ethiopia {
align-self: self-end;
}

.countries--third {
flex-direction: row;
align-items: end;
}

.countries--third .country--brazil,
.countries--third .country--uganda {
align-self: self-start;
}
.countries--fourth {
flex-direction: column;
align-items: start;
}
.countries--fourth .country--uganda {
align-self: center;
}
File renamed without changes.
File renamed without changes.
57 changes: 57 additions & 0 deletions week-2/16-more-flexbox/flexbox.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
.countries {
display: flex;
}

/* Add your own CSS code below */
.countries--first {
flex-direction: row;
align-items: end;
justify-content: end;
}
.countries--second {
flex-direction: row;
align-items: end;
justify-content: center;
}
.countries--third {
flex-direction: row;
justify-content: center;
align-items: start;
}
.countries--third .country--brazil {
align-self: end;
}

.countries--fourth {
flex-direction: column;
justify-content: center;
align-items: end;
}
.countries--fourth .country--ethiopia,
.countries--fourth .country--laos {
align-self: center;
}

.countries--fifth {
flex-direction: column;
justify-content: space-between;
align-items: end;
}
.countries--fifth :nth-child(1) {
order: 5;
}
.countries--fifth :nth-child(2) {
order: 4;
}
.countries--fifth :nth-child(4) {
order: 1;
}
.countries--fifth :nth-child(5) {
order: 2;
}
.countries--fifth :nth-child(3) {
order: 3;
}
.countries--fifth .country--uganda {
align-self: center;
}
File renamed without changes.
File renamed without changes.
File renamed without changes.
File renamed without changes.
Loading