File tree Expand file tree Collapse file tree 6 files changed +122
-5
lines changed Expand file tree Collapse file tree 6 files changed +122
-5
lines changed Original file line number Diff line number Diff line change
1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
+ < meta charset ="utf-8 " />
5
+ < meta name ="viewport " content ="width=device-width " />
6
+ < link rel ="stylesheet " type ="text/css " href ="./styles.css " />
7
+ < title > 07 Very Specific Rules</ title >
8
+ </ head >
9
+ < body >
10
+ < h1 > The learning essay</ h1 >
11
+ < h2 > 3 reasons you know you are learning</ h2 >
12
+ < p id ="id1 ">
13
+ We are going to explain in this pharagraph the 3 most comon signs that you should look into yourself to recognize if you are learning.
14
+ </ p >
15
+ < ol >
16
+ < li > You are able to complete the exercises by yourself.</ li >
17
+ < li > You understand what the teacher is talking about</ li >
18
+ < li > Your are able to have conversations about the topic</ li >
19
+ </ ol >
20
+ < h2 > 3 reasons you know love what you are learning</ h2 >
21
+ < ul >
22
+ < li > Time passes fast.</ li >
23
+ < li > You are anxious to finish this excercise and start the next one.</ li >
24
+ < li > Is 12am and you don't want to go to sleep.</ li >
25
+ </ ul >
26
+ < p >
27
+ If you can't sleep, what better than watching videos of cats?
28
+ < a href ="https://www.youtube.com/watch?v=WEgWMOzQ8IE "> click here</ a >
29
+ </ p >
30
+
31
+ < table >
32
+ < tr >
33
+ < td > Age</ td >
34
+ < td > Gender</ td >
35
+ </ tr >
36
+ < tr >
37
+ < td > 12 years</ td >
38
+ < td > Male</ td >
39
+ </ tr >
40
+ < tr >
41
+ < td > 22 years</ td >
42
+ < td > Female</ td >
43
+ </ tr >
44
+ < tr >
45
+ < td > 11 years</ td >
46
+ < td > Male</ td >
47
+ </ tr >
48
+ < tr >
49
+ < td > 21 years</ td >
50
+ < td > Male</ td >
51
+ </ tr >
52
+ < tr >
53
+ < td > 22 years</ td >
54
+ < td > Female</ td >
55
+ </ tr >
56
+ < tr >
57
+ < td > 10 years</ td >
58
+ < td > Male</ td >
59
+ </ tr >
60
+ < tr >
61
+ < td > 13 years</ td >
62
+ < td > Female</ td >
63
+ </ tr >
64
+ < tr >
65
+ < td > 13 years</ td >
66
+ < td > Male</ td >
67
+ </ tr >
68
+ < tr >
69
+ < td > 10 years</ td >
70
+ < td > Male</ td >
71
+ </ tr >
72
+ < tr >
73
+ < td > 11 years</ td >
74
+ < td > Male</ td >
75
+ </ tr >
76
+ < tr >
77
+ < td > 11 years</ td >
78
+ < td > Male</ td >
79
+ </ tr >
80
+ </ table >
81
+ </ body >
82
+ </ html >
Original file line number Diff line number Diff line change
1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
+ < meta charset ="utf-8 " />
5
+ < meta name ="viewport " content ="width=device-width " />
6
+ < link rel ="stylesheet " type ="text/css " href ="./styles.css " />
7
+ < title > 08 Rounded Image</ title >
8
+ </ head >
9
+
10
+ < body >
11
+ < img class ="rounded " src ="https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/master/.learn/assets/einstein.png?raw=true " />
12
+ </ body >
13
+ </ html >
Original file line number Diff line number Diff line change
1
+ <!DOCTYPE html>
2
+ < html >
3
+ < head >
4
+ < meta charset ="utf-8 " />
5
+ < meta name ="viewport " content ="width=device-width " />
6
+ < link rel ="stylesheet " type ="text/css " href ="./styles.css " />
7
+ < title > 09 Anchor Styles</ title >
8
+ </ head >
9
+
10
+ < body >
11
+ < a class ="threeDimension " href ="# "> Click me</ a >
12
+ </ body >
13
+ </ html >
Original file line number Diff line number Diff line change @@ -14,14 +14,14 @@ <h2>3 reasons you know you are learning</h2>
14
14
</ p >
15
15
< ol >
16
16
< li > You are able to complete the exercises by yourself.</ li >
17
- < li > You understand what the teacher is talking about</ li >
17
+ < li style =" background-color: green " > You understand what the teacher is talking about</ li >
18
18
< li > Your are able to have conversations about the topic</ li >
19
19
</ ol >
20
20
< h2 > 3 reasons you know love what you are learning</ h2 >
21
21
< ul >
22
- < li > Time passes fast.</ li >
23
- < li > You are anxious to finish this excercise and start the next one.</ li >
24
- < li > Is 12am and you don't want to go to sleep.</ li >
22
+ < li class =" ulred " > Time passes fast.</ li >
23
+ < li class =" ulred " > You are anxious to finish this excercise and start the next one.</ li >
24
+ < li class =" ulred " > Is 12am and you don't want to go to sleep.</ li >
25
25
</ ul >
26
26
< p >
27
27
If you can't sleep, what better than watching videos of cats?
Original file line number Diff line number Diff line change 1
- /** Insert your code here **/
1
+ .ulred {
2
+ color : red;
3
+ }
4
+ tr : nth-child (odd) {
5
+ background : yellow;
6
+ }
2
7
3
8
/*********** READ ONLY BLOCK ******
4
9
You CAN NOT UPDATE anything from here on,
Original file line number Diff line number Diff line change 2
2
background : # bdbdbd ;
3
3
}
4
4
.rounded {
5
+ width : 300px ;
6
+ height : 300px ;
5
7
border-radius : 100% ;
8
+ object-fit : cover;
9
+ object-position : top;
6
10
}
You can’t perform that action at this time.
0 commit comments