diff --git a/exercises/01-Hello-World/index.html b/exercises/01-Hello-World/index.html
index 03ae0584..89761764 100644
--- a/exercises/01-Hello-World/index.html
+++ b/exercises/01-Hello-World/index.html
@@ -1 +1,8 @@
-
\ No newline at end of file
+
+
+Click me to open google.com
diff --git a/exercises/01.1-The-Style-Tag/index.html b/exercises/01.1-The-Style-Tag/index.html
index 1c51e8e0..1ce35df6 100644
--- a/exercises/01.1-The-Style-Tag/index.html
+++ b/exercises/01.1-The-Style-Tag/index.html
@@ -4,3 +4,9 @@
around them. Having children learn coding at a young age prepares them for the future. Coding helps children with communication, creativity,
math,writing, and confidence.
+
diff --git a/exercises/01.2-Your-First-Style/index.html b/exercises/01.2-Your-First-Style/index.html
index 39661132..a2a88d04 100644
--- a/exercises/01.2-Your-First-Style/index.html
+++ b/exercises/01.2-Your-First-Style/index.html
@@ -4,7 +4,7 @@
diff --git a/exercises/01.3-Your-Second-Style/index.html b/exercises/01.3-Your-Second-Style/index.html
index 998d973a..9b239409 100644
--- a/exercises/01.3-Your-Second-Style/index.html
+++ b/exercises/01.3-Your-Second-Style/index.html
@@ -3,6 +3,9 @@
diff --git a/exercises/02-Separate-Stylesheet/styles.css b/exercises/02-Separate-Stylesheet/styles.css
index 780be166..5250e305 100644
--- a/exercises/02-Separate-Stylesheet/styles.css
+++ b/exercises/02-Separate-Stylesheet/styles.css
@@ -2,3 +2,6 @@
1. Select the body tag.
2. Add the background rule equal to blue.
*/
+body {
+ background: blue;
+}
diff --git a/exercises/02.1-Background/styles.css b/exercises/02.1-Background/styles.css
index afdf956f..5c3a529e 100644
--- a/exercises/02.1-Background/styles.css
+++ b/exercises/02.1-Background/styles.css
@@ -1,5 +1,5 @@
body {
background-image: url(https://4geeksacademy.github.io/exercise-assets/img/bg/small-mosaic.jpg);
- background-size: cover;
- background-repeat: no-repeat;
+ background-size: contain;
+ background-repeat: inherit;
}
diff --git a/exercises/03-Inline-Styles/index.html b/exercises/03-Inline-Styles/index.html
index ab36cc54..4753103a 100644
--- a/exercises/03-Inline-Styles/index.html
+++ b/exercises/03-Inline-Styles/index.html
@@ -5,7 +5,7 @@
-
+
| Hello |
diff --git a/exercises/04-Class-Selector/index.html b/exercises/04-Class-Selector/index.html
index e3abd1bd..60e1d67f 100644
--- a/exercises/04-Class-Selector/index.html
+++ b/exercises/04-Class-Selector/index.html
@@ -2,13 +2,11 @@
-
- 04 Class selector
-
+ 04 Class selector
- Hello!
- World!
+ Hello!
+ World!
diff --git a/exercises/04.1-Combined-Rules/index.html b/exercises/04.1-Combined-Rules/index.html
index 2af5a24c..50078b73 100644
--- a/exercises/04.1-Combined-Rules/index.html
+++ b/exercises/04.1-Combined-Rules/index.html
@@ -2,9 +2,7 @@
-
- 04 Combined Rules
-
+ 04 Combined Rules
diff --git a/exercises/04.1-Combined-Rules/styles.css b/exercises/04.1-Combined-Rules/styles.css
index 6313a1bc..fcd6dbde 100644
--- a/exercises/04.1-Combined-Rules/styles.css
+++ b/exercises/04.1-Combined-Rules/styles.css
@@ -1,14 +1,10 @@
.myBox {
width: 50px;
height: 50px;
- padding-top: 10px;
- padding-left: 30px;
- padding-right: 190px;
- padding-bottom: 50px;
+ padding: 10px 190px 50px 10px;
- background: rgb(189, 189, 189);
- background-image: url(https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/3a2d1dd03f58167a5a4894155af2d3aa4d41d647/.learn/assets/baby.jpg?raw=true);
+ background: rgb(189, 189, 189) no-repeat
+ url(https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/3a2d1dd03f58167a5a4894155af2d3aa4d41d647/.learn/assets/baby.jpg?raw=true);
background-position-x: 100px;
- background-repeat: no-repeat;
background-size: contain;
}
diff --git a/exercises/04.2-Apply-several-classes/index.html b/exercises/04.2-Apply-several-classes/index.html
index a64723af..20b473e9 100644
--- a/exercises/04.2-Apply-several-classes/index.html
+++ b/exercises/04.2-Apply-several-classes/index.html
@@ -2,12 +2,10 @@
-
- 04 Class selector
-
+ 04 Class selector
- 9
+ 9
diff --git a/exercises/04.3-id-Selector/index.html b/exercises/04.3-id-Selector/index.html
index 5b9a773d..c98c7cc3 100644
--- a/exercises/04.3-id-Selector/index.html
+++ b/exercises/04.3-id-Selector/index.html
@@ -2,12 +2,10 @@
-
- 04.3 ID selector
-
+ 04.3 ID selector
- I should look like a button
+ I should look like a button
diff --git a/exercises/04.3-id-Selector/styles.css b/exercises/04.3-id-Selector/styles.css
index e020d28b..2a4303b4 100644
--- a/exercises/04.3-id-Selector/styles.css
+++ b/exercises/04.3-id-Selector/styles.css
@@ -1,5 +1,5 @@
#button1 {
- background: #BDBDBD;
- border: #5E5E5E;
- border-radius: 5px;
+ background: #bdbdbd;
+ border: #5e5e5e;
+ border-radius: 5px;
}
diff --git a/exercises/05-Specificity/styles.css b/exercises/05-Specificity/styles.css
index db471c2b..19735b65 100644
--- a/exercises/05-Specificity/styles.css
+++ b/exercises/05-Specificity/styles.css
@@ -1,9 +1,9 @@
-ul li{
+ul li {
background: blue;
}
-#thirditem{
+#thirditem {
background: yellow;
-}
+ background: green !important;
+}
/****** DON NOT EDIT ANYTHING ABOVE THIS LINE ****/
-
\ No newline at end of file
diff --git a/exercises/06-Practicing-Rules/index.html b/exercises/06-Practicing-Rules/index.html
index 4119acb5..db2eb563 100644
--- a/exercises/06-Practicing-Rules/index.html
+++ b/exercises/06-Practicing-Rules/index.html
@@ -21,9 +21,7 @@ 3 reasons you know you are learning
3 reasons you know love what you are learning
- Time passes fast.
- -
- You are anxious to finish this excercise and start the next one.
-
+ - You are anxious to finish this excercise and start the next one.
- Is 12am and you don't want to go to sleep.
@@ -31,4 +29,4 @@
3 reasons you know love what you are learning
click here
-
\ No newline at end of file
+
diff --git a/exercises/06-Practicing-Rules/styles.css b/exercises/06-Practicing-Rules/styles.css
index d89b1a47..9fd0def9 100644
--- a/exercises/06-Practicing-Rules/styles.css
+++ b/exercises/06-Practicing-Rules/styles.css
@@ -1 +1,28 @@
-/* add your styles here */
\ No newline at end of file
+/* add your styles here */
+body {
+ background: repeat-y;
+ background-image: url(https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/master/.learn/assets/background-vertical.jpg?raw=true);
+ font-family: "Times New Roman", Times, serif;
+}
+
+h1 {
+ font-family: Courier;
+ color: red;
+ text-align: center;
+}
+
+h2 {
+ text-decoration: underline;
+}
+
+html > * {
+ padding-left: 20px;
+}
+
+#id1 {
+ background-color: rgba(255, 255, 255, 0.2);
+}
+
+a:hover {
+ color: green;
+}
diff --git a/exercises/07-Very-Specific-Rules/styles.css b/exercises/07-Very-Specific-Rules/styles.css
index defdb77a..61cbd63e 100644
--- a/exercises/07-Very-Specific-Rules/styles.css
+++ b/exercises/07-Very-Specific-Rules/styles.css
@@ -13,3 +13,19 @@ ul li,
ol li {
color: green;
}
+
+ol > li {
+ color: green;
+}
+
+ol li:nth-child(2) {
+ background-color: green;
+}
+
+ul li {
+ color: red;
+}
+
+tr:nth-child(2n + 1) {
+ background-color: yellow;
+}
diff --git a/exercises/08-Rounded-Image/styles.css b/exercises/08-Rounded-Image/styles.css
index 62006948..14591fe2 100644
--- a/exercises/08-Rounded-Image/styles.css
+++ b/exercises/08-Rounded-Image/styles.css
@@ -3,4 +3,9 @@ body {
}
.rounded {
border-radius: 100%;
+ object-fit: contain;
+}
+
+img {
+ object-fit: contain;
}