+ 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/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 00000000..2ba986f6
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,15 @@
+{
+ // Use IntelliSense to learn about possible attributes.
+ // Hover to view descriptions of existing attributes.
+ // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+ "version": "0.2.0",
+ "configurations": [
+ {
+ "type": "chrome",
+ "request": "launch",
+ "name": "Launch Chrome against localhost",
+ "url": "http://localhost:8080",
+ "webRoot": "${workspaceFolder}"
+ }
+ ]
+}
\ No newline at end of file
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..c8968991 100644
--- a/exercises/02-style-tag/index.html
+++ b/exercises/02-style-tag/index.html
@@ -1 +1,7 @@
+
+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..7b8112a1 100644
--- a/exercises/02.1-add-a-style-tag/index.html
+++ b/exercises/02.1-add-a-style-tag/index.html
@@ -1,4 +1,10 @@
+
+
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..25152381 100644
--- a/exercises/02.3-your-second-style/index.html
+++ b/exercises/02.3-your-second-style/index.html
@@ -2,7 +2,10 @@
diff --git a/exercises/03-separate-stylesheet/styles.css b/exercises/03-separate-stylesheet/styles.css
index fb551ff2..b3806094 100644
--- a/exercises/03-separate-stylesheet/styles.css
+++ b/exercises/03-separate-stylesheet/styles.css
@@ -2,3 +2,7 @@
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..7b663ff9 100644
--- a/exercises/04-list-styling/index.html
+++ b/exercises/04-list-styling/index.html
@@ -40,4 +40,4 @@
+
+
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 @@
+
+
+
+
+
+
+