Skip to content

Commit dc4e48d

Browse files
committed
added more video tutorials
1 parent 3641283 commit dc4e48d

File tree

7 files changed

+30
-0
lines changed

7 files changed

+30
-0
lines changed

exercises/04-Class-Selector/README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=RffCSMXgWFc"
3+
---
4+
15
# `04` Class Selector
26

37
There are many ways to select HTML elements to apply styles to them, so far we have only use the `tag` selector, lets talk about the `.class` selector:

exercises/04.1-Combined-Rules/README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://youtu.be/watch?v=uQS5QeEE-B4"
3+
---
4+
15
# `04.1` Combined Rules
26

37
CSS files take space on your server and also take time to download (like everything); it is yet another text document that the browser has to download before rendering the page, which is why is important to keep the CSS document as small as possible.

exercises/04.2-Apply-several-classes/README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=da4tJDx48CY"
3+
---
4+
15
# `04.2` Apply several classes
26

37
We have prepared a small CSS Stylesheet that contains the CSS styles to replicate poker cards.

exercises/04.3-id-Selector/README.md

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,9 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=9906LCSQJ8"
3+
---
4+
---
5+
tutorial: "https://www.youtube.com/watch?v=9906LCSQJ8"
6+
---
17
# `04.3` The ID CSS Selector
28

39
You can also select an element by `#id` and apply stiles to it.

exercises/05-Specificity/README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=3JxXkhxyAnI"
3+
---
4+
15
# `05` Specificity
26

37
When creating a CSS document, you need to start from the most generic selector and end with the most specific ones, that is the way CSS works.

exercises/06-Practicing-Rules/README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=4wguurrl-lU"
3+
---
4+
15
# `06` Practicing Rules
26

37
## 📝 Instructions:

exercises/07-Very-Specific-Rules/README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=2YkLDRZFk40"
3+
---
4+
15
# `07` Very Specific Rules
26

37
# **Important:**

0 commit comments

Comments
 (0)