+ Coding is a basic literacy in the digital age, and it is important for kids to understand and be able to work with and understand the technology
+ around them. Having children learn to code at a young age prepares them for the future. Coding helps children with communication, creativity,
+ math, writing, and confidence.
+
diff --git a/.learn/resets/02.2-rbga-colors/index.html b/.learn/resets/02.2-rbga-colors/index.html
new file mode 100644
index 00000000..39661132
--- /dev/null
+++ b/.learn/resets/02.2-rbga-colors/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+ Hello! I am an anchor in red, change my color to yellow
+
+
diff --git a/.learn/resets/02.3-your-second-style/index.html b/.learn/resets/02.3-your-second-style/index.html
new file mode 100644
index 00000000..998d973a
--- /dev/null
+++ b/.learn/resets/02.3-your-second-style/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+ Hello! My background should be blue!
+
+
diff --git a/.learn/resets/03-separate-stylesheet/index.html b/.learn/resets/03-separate-stylesheet/index.html
new file mode 100644
index 00000000..a7be7a61
--- /dev/null
+++ b/.learn/resets/03-separate-stylesheet/index.html
@@ -0,0 +1,9 @@
+
+
+
+
+
+
+ My background should be blue.
+
+
diff --git a/.learn/resets/03-separate-stylesheet/styles.css b/.learn/resets/03-separate-stylesheet/styles.css
new file mode 100644
index 00000000..fb551ff2
--- /dev/null
+++ b/.learn/resets/03-separate-stylesheet/styles.css
@@ -0,0 +1,4 @@
+/* your styles here:
+ 1. Select the body tag
+ 2. Add the background rule equal to blue
+ */
diff --git a/.learn/resets/03.1-background/index.html b/.learn/resets/03.1-background/index.html
new file mode 100644
index 00000000..a1227330
--- /dev/null
+++ b/.learn/resets/03.1-background/index.html
@@ -0,0 +1,10 @@
+
+
+
+
+ 03.1 Background
+
+
+ My background should be an image with the size "contain"
+
+
diff --git a/.learn/resets/03.1-background/styles.css b/.learn/resets/03.1-background/styles.css
new file mode 100644
index 00000000..afdf956f
--- /dev/null
+++ b/.learn/resets/03.1-background/styles.css
@@ -0,0 +1,5 @@
+body {
+ background-image: url(https://4geeksacademy.github.io/exercise-assets/img/bg/small-mosaic.jpg);
+ background-size: cover;
+ background-repeat: no-repeat;
+}
diff --git a/.learn/resets/04-list-styling/index.html b/.learn/resets/04-list-styling/index.html
new file mode 100644
index 00000000..2eb502ea
--- /dev/null
+++ b/.learn/resets/04-list-styling/index.html
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+ 04 List styling
+
+
+
+
+
Your favorite drinks
+
Coca Cola drinks
+
+
Coca Cola
+
Dr. Pepper
+
Fanta
+
+
+
Pepsi drinks
+
+
Pepsi Cola
+
Mountain Dew
+
Gatorade
+
+
+
Healthy drinks
+
+
Kombucha
+
Kale juice
+
Sparkling Water
+
+
+
Web-developer drinks
+
+
Coffee
+
COFFEE
+
COFFEE!!!
+
+
+
+
\ No newline at end of file
diff --git a/.learn/resets/04-list-styling/styles.css b/.learn/resets/04-list-styling/styles.css
new file mode 100644
index 00000000..124c5174
--- /dev/null
+++ b/.learn/resets/04-list-styling/styles.css
@@ -0,0 +1,14 @@
+body {
+ height: 100vh;
+ background: rgb(189, 189, 189);
+}
+
+.container {
+ font-family: "Comic Sans MS", "Comic Sans", cursive;
+ margin: 0 auto;
+ width: 70vw;
+ box-shadow: 3px 5px 20px #312f2f;
+ background-color: white;
+ padding: 120px;
+ width: 300px;
+}
\ No newline at end of file
diff --git a/.learn/resets/05-class-selector/index.html b/.learn/resets/05-class-selector/index.html
new file mode 100644
index 00000000..03662721
--- /dev/null
+++ b/.learn/resets/05-class-selector/index.html
@@ -0,0 +1,12 @@
+
+
+
+
+ 05 Class selector
+
+
+
+
+
+
diff --git a/.learn/resets/13-relative-length-em-rem/styles.css b/.learn/resets/13-relative-length-em-rem/styles.css
new file mode 100644
index 00000000..bfba63b9
--- /dev/null
+++ b/.learn/resets/13-relative-length-em-rem/styles.css
@@ -0,0 +1,8 @@
+#my-first-div {
+ font-size: 15px;
+}
+#the-second-one {
+ font-size: 25px;
+}
+
+/* YOUR CODE BELOW THIS LINE */
diff --git a/.learn/resets/14-anchor-like-button/index.html b/.learn/resets/14-anchor-like-button/index.html
new file mode 100644
index 00000000..853cce76
--- /dev/null
+++ b/.learn/resets/14-anchor-like-button/index.html
@@ -0,0 +1,12 @@
+
+
+
+
+
+
+ 14 Anchor Like Button
+
+
+ Beautiful Button
+
+
diff --git a/.learn/resets/14-anchor-like-button/styles.css b/.learn/resets/14-anchor-like-button/styles.css
new file mode 100644
index 00000000..76fd5b9c
--- /dev/null
+++ b/.learn/resets/14-anchor-like-button/styles.css
@@ -0,0 +1,10 @@
+.orange-btn {
+ display: inline-block;
+ /* your code below */
+
+}
+
+.orange-btn:hover {
+ /* YOUR CODE HERE FOR THE HOVER STATE */
+
+}
diff --git a/exercises/01-inline-styles/index.html b/exercises/01-inline-styles/index.html
index 75056c8e..590621a4 100644
--- a/exercises/01-inline-styles/index.html
+++ b/exercises/01-inline-styles/index.html
@@ -5,7 +5,7 @@
-
+
Hello
diff --git a/exercises/02-style-tag/index.html b/exercises/02-style-tag/index.html
index d88e76dd..6e7aa980 100644
--- a/exercises/02-style-tag/index.html
+++ b/exercises/02-style-tag/index.html
@@ -1 +1,8 @@
+
+
+Click me to open Google.com
diff --git a/exercises/02.1-add-a-style-tag/index.html b/exercises/02.1-add-a-style-tag/index.html
index dbdd26d8..043733f1 100644
--- a/exercises/02.1-add-a-style-tag/index.html
+++ b/exercises/02.1-add-a-style-tag/index.html
@@ -1,4 +1,11 @@
+
+
+
Coding is a basic literacy in the digital age, and it is important for kids to understand and be able to work with and understand the technology
around them. Having children learn to code at a young age prepares them for the future. Coding helps children with communication, creativity,
diff --git a/exercises/02.2-rbga-colors/index.html b/exercises/02.2-rbga-colors/index.html
index 39661132..a2a88d04 100644
--- a/exercises/02.2-rbga-colors/index.html
+++ b/exercises/02.2-rbga-colors/index.html
@@ -4,7 +4,7 @@
diff --git a/exercises/02.3-your-second-style/index.html b/exercises/02.3-your-second-style/index.html
index 998d973a..03e672a3 100644
--- a/exercises/02.3-your-second-style/index.html
+++ b/exercises/02.3-your-second-style/index.html
@@ -3,6 +3,9 @@
diff --git a/exercises/03-separate-stylesheet/styles.css b/exercises/03-separate-stylesheet/styles.css
index fb551ff2..3ac56212 100644
--- a/exercises/03-separate-stylesheet/styles.css
+++ b/exercises/03-separate-stylesheet/styles.css
@@ -2,3 +2,6 @@
1. Select the body tag
2. Add the background rule equal to blue
*/
+body {
+ background-color: blue;
+}
diff --git a/exercises/03.1-background/styles.css b/exercises/03.1-background/styles.css
index afdf956f..a2c6b305 100644
--- a/exercises/03.1-background/styles.css
+++ b/exercises/03.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: repeat;
}
diff --git a/exercises/04-list-styling/index.html b/exercises/04-list-styling/index.html
index 2eb502ea..b4de3c8f 100644
--- a/exercises/04-list-styling/index.html
+++ b/exercises/04-list-styling/index.html
@@ -19,18 +19,18 @@
+
+
diff --git a/.learn/resets/09-rounded-image/styles.css b/.learn/resets/09-rounded-image/styles.css
new file mode 100644
index 00000000..62006948
--- /dev/null
+++ b/.learn/resets/09-rounded-image/styles.css
@@ -0,0 +1,6 @@
+body {
+ background: #bdbdbd;
+}
+.rounded {
+ border-radius: 100%;
+}
diff --git a/.learn/resets/10-anchor-styles/index.html b/.learn/resets/10-anchor-styles/index.html
new file mode 100644
index 00000000..baf7c9ba
--- /dev/null
+++ b/.learn/resets/10-anchor-styles/index.html
@@ -0,0 +1,13 @@
+
+
+
+
+
+
+