Date: Tue, 1 Mar 2022 02:41:22 +0000
Subject: [PATCH 02/20] The Style Tag
---
.learn/resets/01.1-The-Style-Tag/index.html | 6 ++++++
exercises/01.1-The-Style-Tag/index.html | 7 ++++++-
2 files changed, 12 insertions(+), 1 deletion(-)
create mode 100644 .learn/resets/01.1-The-Style-Tag/index.html
diff --git a/.learn/resets/01.1-The-Style-Tag/index.html b/.learn/resets/01.1-The-Style-Tag/index.html
new file mode 100644
index 00000000..1c51e8e0
--- /dev/null
+++ b/.learn/resets/01.1-The-Style-Tag/index.html
@@ -0,0 +1,6 @@
+
+
+ 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 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.1-The-Style-Tag/index.html b/exercises/01.1-The-Style-Tag/index.html
index 1c51e8e0..b0ca15db 100644
--- a/exercises/01.1-The-Style-Tag/index.html
+++ b/exercises/01.1-The-Style-Tag/index.html
@@ -1,4 +1,9 @@
-
+
+
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 coding at a young age prepares them for the future. Coding helps children with communication, creativity,
From 2096969e3aa74fc9360b95ebe756dde3d954d419 Mon Sep 17 00:00:00 2001
From: Minimage
Date: Tue, 1 Mar 2022 02:44:22 +0000
Subject: [PATCH 03/20] Your First Style
---
.learn/resets/01.2-Your-First-Style/index.html | 14 ++++++++++++++
exercises/01.2-Your-First-Style/index.html | 2 +-
2 files changed, 15 insertions(+), 1 deletion(-)
create mode 100644 .learn/resets/01.2-Your-First-Style/index.html
diff --git a/.learn/resets/01.2-Your-First-Style/index.html b/.learn/resets/01.2-Your-First-Style/index.html
new file mode 100644
index 00000000..2dec7923
--- /dev/null
+++ b/.learn/resets/01.2-Your-First-Style/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+ Hello! I am an anchor in red, change my color to yellow
+
+
diff --git a/exercises/01.2-Your-First-Style/index.html b/exercises/01.2-Your-First-Style/index.html
index 2dec7923..3907bb3c 100644
--- a/exercises/01.2-Your-First-Style/index.html
+++ b/exercises/01.2-Your-First-Style/index.html
@@ -4,7 +4,7 @@
From f78e8ef674b5d9bba1d29cbe5453d64cbce63492 Mon Sep 17 00:00:00 2001
From: Minimage
Date: Tue, 1 Mar 2022 02:47:54 +0000
Subject: [PATCH 04/20] Your 2nd Style
---
.learn/resets/01.3-Your-Second-Style/index.html | 11 +++++++++++
exercises/01.3-Your-Second-Style/index.html | 4 +++-
2 files changed, 14 insertions(+), 1 deletion(-)
create mode 100644 .learn/resets/01.3-Your-Second-Style/index.html
diff --git a/.learn/resets/01.3-Your-Second-Style/index.html b/.learn/resets/01.3-Your-Second-Style/index.html
new file mode 100644
index 00000000..998d973a
--- /dev/null
+++ b/.learn/resets/01.3-Your-Second-Style/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+ Hello! My background should be blue!
+
+
diff --git a/exercises/01.3-Your-Second-Style/index.html b/exercises/01.3-Your-Second-Style/index.html
index 998d973a..1b87ed9d 100644
--- a/exercises/01.3-Your-Second-Style/index.html
+++ b/exercises/01.3-Your-Second-Style/index.html
@@ -2,7 +2,9 @@
From 5a50974c3f5a265bbd864b759917ea51c3e47384 Mon Sep 17 00:00:00 2001
From: Minimage
Date: Tue, 1 Mar 2022 02:52:02 +0000
Subject: [PATCH 05/20] Separate Sheet
---
.learn/resets/02-Separate-Stylesheet/index.html | 9 +++++++++
exercises/02-Separate-Stylesheet/styles.css | 4 ++++
2 files changed, 13 insertions(+)
create mode 100644 .learn/resets/02-Separate-Stylesheet/index.html
diff --git a/.learn/resets/02-Separate-Stylesheet/index.html b/.learn/resets/02-Separate-Stylesheet/index.html
new file mode 100644
index 00000000..a7be7a61
--- /dev/null
+++ b/.learn/resets/02-Separate-Stylesheet/index.html
@@ -0,0 +1,9 @@
+
+
+
+
Date: Tue, 1 Mar 2022 03:01:29 +0000
Subject: [PATCH 06/20] Background
---
.learn/resets/02.1-Background/index.html | 10 ++++++++++
exercises/02.1-Background/styles.css | 4 ++--
2 files changed, 12 insertions(+), 2 deletions(-)
create mode 100644 .learn/resets/02.1-Background/index.html
diff --git a/.learn/resets/02.1-Background/index.html b/.learn/resets/02.1-Background/index.html
new file mode 100644
index 00000000..ce03ce24
--- /dev/null
+++ b/.learn/resets/02.1-Background/index.html
@@ -0,0 +1,10 @@
+
+
+
+ 02 Background
+
+
+ My background should be an image with th size "contain"
+
+
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;
}
From 7fbd2b11984f63e5162033a1323109cdae27dda9 Mon Sep 17 00:00:00 2001
From: Minimage
Date: Wed, 2 Mar 2022 14:01:02 +0000
Subject: [PATCH 07/20] Inline styles
---
.learn/resets/03-Inline-Styles/index.html | 17 +++++++++++++++++
exercises/03-Inline-Styles/index.html | 2 +-
2 files changed, 18 insertions(+), 1 deletion(-)
create mode 100644 .learn/resets/03-Inline-Styles/index.html
diff --git a/.learn/resets/03-Inline-Styles/index.html b/.learn/resets/03-Inline-Styles/index.html
new file mode 100644
index 00000000..ab36cc54
--- /dev/null
+++ b/.learn/resets/03-Inline-Styles/index.html
@@ -0,0 +1,17 @@
+
+
+
+ 03 Inline Styles
+
+
+
+
+
+ Hello
+
+
+ My brother
+
+
+
+
diff --git a/exercises/03-Inline-Styles/index.html b/exercises/03-Inline-Styles/index.html
index ab36cc54..3c0f425a 100644
--- a/exercises/03-Inline-Styles/index.html
+++ b/exercises/03-Inline-Styles/index.html
@@ -5,7 +5,7 @@
-
+
Hello
From 9711d8e838d9429a0158c653a5609c8833d726c3 Mon Sep 17 00:00:00 2001
From: Minimage
Date: Wed, 2 Mar 2022 19:50:39 +0000
Subject: [PATCH 08/20] Class selector
---
.learn/resets/04-Class-Selector/index.html | 14 ++++++++++++++
exercises/04-Class-Selector/index.html | 8 +++-----
2 files changed, 17 insertions(+), 5 deletions(-)
create mode 100644 .learn/resets/04-Class-Selector/index.html
diff --git a/.learn/resets/04-Class-Selector/index.html b/.learn/resets/04-Class-Selector/index.html
new file mode 100644
index 00000000..e3abd1bd
--- /dev/null
+++ b/.learn/resets/04-Class-Selector/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+ 04 Class selector
+
+
+
+
+ Hello!
+ World!
+
+
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!
From bb383a62e8d67a20619023817b5e172e2832d5cb Mon Sep 17 00:00:00 2001
From: Minimage
Date: Fri, 4 Mar 2022 11:57:41 +0000
Subject: [PATCH 09/20] Combined Rules
---
.learn/resets/04.1-Combined-Rules/index.html | 13 +++++++++++++
.learn/resets/04.3-id-Selector/index.html | 13 +++++++++++++
exercises/04.1-Combined-Rules/index.html | 4 +---
exercises/04.1-Combined-Rules/styles.css | 12 ++++--------
4 files changed, 31 insertions(+), 11 deletions(-)
create mode 100644 .learn/resets/04.1-Combined-Rules/index.html
create mode 100644 .learn/resets/04.3-id-Selector/index.html
diff --git a/.learn/resets/04.1-Combined-Rules/index.html b/.learn/resets/04.1-Combined-Rules/index.html
new file mode 100644
index 00000000..2af5a24c
--- /dev/null
+++ b/.learn/resets/04.1-Combined-Rules/index.html
@@ -0,0 +1,13 @@
+
+
+
+
+ 04 Combined Rules
+
+
+
+
+ Hello!
+
+
diff --git a/.learn/resets/04.3-id-Selector/index.html b/.learn/resets/04.3-id-Selector/index.html
new file mode 100644
index 00000000..5b9a773d
--- /dev/null
+++ b/.learn/resets/04.3-id-Selector/index.html
@@ -0,0 +1,13 @@
+
+
+
+
+ 04.3 ID selector
+
+
+
+
+ I should look like a button
+
+
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..28b5d8f7 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 30px;
- 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-position-x: 100px;
- background-repeat: no-repeat;
+ background: rgb(189, 189, 189)
+ url(https://github.com/4GeeksAcademy/css-tutorial-exercises-course/blob/3a2d1dd03f58167a5a4894155af2d3aa4d41d647/.learn/assets/baby.jpg?raw=true)
+ 100px no-repeat;
background-size: contain;
}
From 429c95d4acf45b833d3b790d953833ac50f68330 Mon Sep 17 00:00:00 2001
From: Minimage
Date: Fri, 4 Mar 2022 12:00:05 +0000
Subject: [PATCH 10/20] Apply several classes
---
.learn/resets/04.2-Apply-several-classes/index.html | 13 +++++++++++++
exercises/04.2-Apply-several-classes/index.html | 6 ++----
2 files changed, 15 insertions(+), 4 deletions(-)
create mode 100644 .learn/resets/04.2-Apply-several-classes/index.html
diff --git a/.learn/resets/04.2-Apply-several-classes/index.html b/.learn/resets/04.2-Apply-several-classes/index.html
new file mode 100644
index 00000000..a64723af
--- /dev/null
+++ b/.learn/resets/04.2-Apply-several-classes/index.html
@@ -0,0 +1,13 @@
+
+
+
+
+ 04 Class selector
+
+
+
+
+ 9
+
+
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
From f79ca23246e7a5ff233e22cbfbda052d3d675641 Mon Sep 17 00:00:00 2001
From: Minimage
Date: Fri, 4 Mar 2022 12:05:31 +0000
Subject: [PATCH 11/20] The ID CSS Selector
---
exercises/04.3-id-Selector/index.html | 6 ++----
exercises/04.3-id-Selector/styles.css | 6 +++---
2 files changed, 5 insertions(+), 7 deletions(-)
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;
}
From f583e2a0b6afdaa4da4199a005007e6780baeda1 Mon Sep 17 00:00:00 2001
From: Minimage
Date: Fri, 4 Mar 2022 12:59:52 +0000
Subject: [PATCH 12/20] Specificity without !important
---
.learn/resets/05-Specificity/index.html | 18 ++++++++++++++++++
exercises/05-Specificity/styles.css | 11 +++++++----
2 files changed, 25 insertions(+), 4 deletions(-)
create mode 100644 .learn/resets/05-Specificity/index.html
diff --git a/.learn/resets/05-Specificity/index.html b/.learn/resets/05-Specificity/index.html
new file mode 100644
index 00000000..3d68946c
--- /dev/null
+++ b/.learn/resets/05-Specificity/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+ 05 Specificity
+
+
+
+ My first item of the list
+ My second item of the list
+ My third item of the list
+ My forth item of the list
+ My fifth item of the list
+
+
+
diff --git a/exercises/05-Specificity/styles.css b/exercises/05-Specificity/styles.css
index db471c2b..01e1a0cf 100644
--- a/exercises/05-Specificity/styles.css
+++ b/exercises/05-Specificity/styles.css
@@ -1,9 +1,12 @@
-ul li{
+ul li {
background: blue;
}
-#thirditem{
+#thirditem {
background: yellow;
-}
+}
/****** DON NOT EDIT ANYTHING ABOVE THIS LINE ****/
-
\ No newline at end of file
+
+ul #thirditem {
+ background: green;
+}
From bdba30866f620224395bbbb4670680d5dc738023 Mon Sep 17 00:00:00 2001
From: Minimage
Date: Sat, 5 Mar 2022 13:56:21 +0000
Subject: [PATCH 13/20] Very Specific rules
---
.../resets/07-Very-Specific-Rules/index.html | 82 +++++++++++++++++++
exercises/07-Very-Specific-Rules/styles.css | 11 +++
2 files changed, 93 insertions(+)
create mode 100644 .learn/resets/07-Very-Specific-Rules/index.html
diff --git a/.learn/resets/07-Very-Specific-Rules/index.html b/.learn/resets/07-Very-Specific-Rules/index.html
new file mode 100644
index 00000000..9c691446
--- /dev/null
+++ b/.learn/resets/07-Very-Specific-Rules/index.html
@@ -0,0 +1,82 @@
+
+
+
+
+ 07 Very Specific Rules
+
+
+ The learning essay
+ 3 reasons you know you are learning
+
+ 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.
+
+
+ You are able to complete the exercises by yourself.
+ You understand what the teacher is talking about
+ Your are able to have conversations about the topic
+
+ 3 reasons you know love what you are learning
+
+ Time passes fast.
+ You are anxious to finish this excercise and start the next one.
+ Is 12am and you don't want to go to sleep.
+
+
+ If you can't sleep, what better than watching videos of cats?
+ click here
+
+
+
+
+ Age
+ Gender
+
+
+ 12 years
+ Male
+
+
+ 22 years
+ Female
+
+
+ 11 years
+ Male
+
+
+ 21 years
+ Male
+
+
+ 22 years
+ Female
+
+
+ 10 years
+ Male
+
+
+ 13 years
+ Female
+
+
+ 13 years
+ Male
+
+
+ 10 years
+ Male
+
+
+ 11 years
+ Male
+
+
+ 11 years
+ Male
+
+
+
+
diff --git a/exercises/07-Very-Specific-Rules/styles.css b/exercises/07-Very-Specific-Rules/styles.css
index defdb77a..8dbf4ce1 100644
--- a/exercises/07-Very-Specific-Rules/styles.css
+++ b/exercises/07-Very-Specific-Rules/styles.css
@@ -1,4 +1,15 @@
/** Insert your code here **/
+body ul li {
+ color: red;
+}
+
+ol li:nth-child(2) {
+ background-color: green;
+}
+
+tr:nth-child(2n + 1) {
+ background-color: yellow;
+}
/*********** READ ONLY BLOCK ******
You CAN NOT UPDATE anything from here on,
From 23c5aca1d1bbe0636357c4c965cfaac2cf0aa2b6 Mon Sep 17 00:00:00 2001
From: Minimage
Date: Sat, 5 Mar 2022 23:54:45 +0000
Subject: [PATCH 14/20] Rounded Image Dont fully understand why this works
---
exercises/08-Rounded-Image/index.html | 7 ++++++-
exercises/08-Rounded-Image/styles.css | 10 ++++++++++
2 files changed, 16 insertions(+), 1 deletion(-)
diff --git a/exercises/08-Rounded-Image/index.html b/exercises/08-Rounded-Image/index.html
index 95931a07..741bfde2 100644
--- a/exercises/08-Rounded-Image/index.html
+++ b/exercises/08-Rounded-Image/index.html
@@ -8,6 +8,11 @@
-
+
+
Date: Sun, 6 Mar 2022 00:40:50 +0000
Subject: [PATCH 15/20] 3D Anchor Styles
Added background color to the button making its click more noticable
---
.learn/resets/09-Anchor-Styles/index.html | 13 +++++++++++++
exercises/09-Anchor-Styles/index.html | 2 +-
exercises/09-Anchor-Styles/styles.css | 6 ++++--
3 files changed, 18 insertions(+), 3 deletions(-)
create mode 100644 .learn/resets/09-Anchor-Styles/index.html
diff --git a/.learn/resets/09-Anchor-Styles/index.html b/.learn/resets/09-Anchor-Styles/index.html
new file mode 100644
index 00000000..984ca01e
--- /dev/null
+++ b/.learn/resets/09-Anchor-Styles/index.html
@@ -0,0 +1,13 @@
+
+
+
+
+ 09 Anchor Styles
+
+
+
+ Click me
+
+
diff --git a/exercises/09-Anchor-Styles/index.html b/exercises/09-Anchor-Styles/index.html
index 984ca01e..30e00691 100644
--- a/exercises/09-Anchor-Styles/index.html
+++ b/exercises/09-Anchor-Styles/index.html
@@ -6,7 +6,7 @@
09 Anchor Styles
-
+
Click me
diff --git a/exercises/09-Anchor-Styles/styles.css b/exercises/09-Anchor-Styles/styles.css
index 7eaa9bea..baafc5ee 100644
--- a/exercises/09-Anchor-Styles/styles.css
+++ b/exercises/09-Anchor-Styles/styles.css
@@ -1,4 +1,3 @@
-
.threeDimension {
display: block;
border: 1px solid;
@@ -12,5 +11,8 @@
a.threeDimension:active {
/* your code here*/
+ border-color: #000 #aaa #aaa #000;
+ background-color: blanchedalmond;
+
-}
\ No newline at end of file
+}
From 4b3a39aa2d94f11ea09c35069abd8709fa296679 Mon Sep 17 00:00:00 2001
From: Minimage
Date: Sun, 6 Mar 2022 01:38:30 +0000
Subject: [PATCH 16/20] Your Own Font
---
.learn/resets/10-Your-Own-Font/index.html | 15 +++++++++++++++
exercises/10-Your-Own-Font/index.html | 23 +++++++++++++----------
exercises/10-Your-Own-Font/styles.css | 1 +
3 files changed, 29 insertions(+), 10 deletions(-)
create mode 100644 .learn/resets/10-Your-Own-Font/index.html
diff --git a/.learn/resets/10-Your-Own-Font/index.html b/.learn/resets/10-Your-Own-Font/index.html
new file mode 100644
index 00000000..a0e7f25a
--- /dev/null
+++ b/.learn/resets/10-Your-Own-Font/index.html
@@ -0,0 +1,15 @@
+
+
+
+
+ 10 Your Own Font
+
+
+ My unique font
+
+
diff --git a/exercises/10-Your-Own-Font/index.html b/exercises/10-Your-Own-Font/index.html
index a0e7f25a..3fed4b40 100644
--- a/exercises/10-Your-Own-Font/index.html
+++ b/exercises/10-Your-Own-Font/index.html
@@ -1,15 +1,18 @@
-
-
- 10 Your Own Font
-
-
- My unique font
-
+ 10 Your Own Font
+
+
+ My unique font
+
diff --git a/exercises/10-Your-Own-Font/styles.css b/exercises/10-Your-Own-Font/styles.css
index de7160fd..fbb7ce38 100644
--- a/exercises/10-Your-Own-Font/styles.css
+++ b/exercises/10-Your-Own-Font/styles.css
@@ -1,3 +1,4 @@
.myTitle {
/*your code here*/
+ font-family: Lobster;
}
From dfdf46e4376329ef7d8a8cb63326203aeb721aaf Mon Sep 17 00:00:00 2001
From: Minimage
Date: Sun, 6 Mar 2022 18:07:48 +0000
Subject: [PATCH 17/20] Font Awesome Icons
---
.learn/resets/11-Font-Awesome-Icons/index.html | 15 +++++++++++++++
exercises/11-Font-Awesome-Icons/index.html | 6 +++++-
2 files changed, 20 insertions(+), 1 deletion(-)
create mode 100644 .learn/resets/11-Font-Awesome-Icons/index.html
diff --git a/.learn/resets/11-Font-Awesome-Icons/index.html b/.learn/resets/11-Font-Awesome-Icons/index.html
new file mode 100644
index 00000000..b3533f72
--- /dev/null
+++ b/.learn/resets/11-Font-Awesome-Icons/index.html
@@ -0,0 +1,15 @@
+
+
+
+
+ 11 Font Awesome
+
+
+
+
+
diff --git a/exercises/11-Font-Awesome-Icons/index.html b/exercises/11-Font-Awesome-Icons/index.html
index b3533f72..5bacef4e 100644
--- a/exercises/11-Font-Awesome-Icons/index.html
+++ b/exercises/11-Font-Awesome-Icons/index.html
@@ -4,12 +4,16 @@
11 Font Awesome
card Bus Shield
+