From 700b677e1db3cb935f69f56685ef31a5cceb2372 Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 04:21:35 +0000 Subject: [PATCH 01/20] exercises1 --- exercises/01-Hello-World/index.html | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) diff --git a/exercises/01-Hello-World/index.html b/exercises/01-Hello-World/index.html index 93d4ce1c..399c1113 100644 --- a/exercises/01-Hello-World/index.html +++ b/exercises/01-Hello-World/index.html @@ -1 +1,6 @@ - + +Click me to open google.com From 09dc58a6dc1d80060e9d926299aabdc9fcef4d1a Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 04:24:30 +0000 Subject: [PATCH 02/20] exercises2 --- .learn/resets/01.1-The-Style-Tag/index.html | 6 ++++++ exercises/01.1-The-Style-Tag/index.html | 6 +++++- exercises/01.1-The-Style-Tag/solution.hide.html | 4 ++-- 3 files changed, 13 insertions(+), 3 deletions(-) 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..f02bc162 100644 --- a/exercises/01.1-The-Style-Tag/index.html +++ b/exercises/01.1-The-Style-Tag/index.html @@ -1,4 +1,8 @@ - +

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, diff --git a/exercises/01.1-The-Style-Tag/solution.hide.html b/exercises/01.1-The-Style-Tag/solution.hide.html index 85bac8dd..e5725942 100644 --- a/exercises/01.1-The-Style-Tag/solution.hide.html +++ b/exercises/01.1-The-Style-Tag/solution.hide.html @@ -7,6 +7,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. + 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.

From eb46f1a526f321c10ab94c441a5f9cc5cb5c8285 Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 04:26:04 +0000 Subject: [PATCH 03/20] exercises1.2 --- .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..39661132 --- /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 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 @@ From f8d1ae6d1424b41b728f45b281039eadfd401a1f Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 04:28:26 +0000 Subject: [PATCH 04/20] exercises1.3 --- .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 e4b0c642a77fb23f8a0c4ecb79a6c07f736f1301 Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 04:31:49 +0000 Subject: [PATCH 05/20] exercises2 --- .learn/resets/02-Separate-Stylesheet/index.html | 9 +++++++++ exercises/02-Separate-Stylesheet/styles.css | 7 +++---- 2 files changed, 12 insertions(+), 4 deletions(-) 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 @@ + + + + + + + My background should be blue. + + diff --git a/exercises/02-Separate-Stylesheet/styles.css b/exercises/02-Separate-Stylesheet/styles.css index 780be166..d7cf32a7 100644 --- a/exercises/02-Separate-Stylesheet/styles.css +++ b/exercises/02-Separate-Stylesheet/styles.css @@ -1,4 +1,3 @@ -/* your styles here: - 1. Select the body tag. - 2. Add the background rule equal to blue. - */ +body { + background-color: blue; +} From 596bef08367ae2894fabee4a5a1ad68798315a95 Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 04:33:27 +0000 Subject: [PATCH 06/20] exercises2.1 --- .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..cf841f1e --- /dev/null +++ b/.learn/resets/02.1-Background/index.html @@ -0,0 +1,10 @@ + + + + + 02 Background + + + My background should be an image with the size "contain" + + diff --git a/exercises/02.1-Background/styles.css b/exercises/02.1-Background/styles.css index afdf956f..a2c6b305 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: repeat; } From 311cc1fc0d760722e5fa4ba105f69e52db898409 Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 04:38:51 +0000 Subject: [PATCH 07/20] exercises3 --- .learn/resets/03-Inline-Styles/index.html | 17 +++++++++++++++++ exercises/03-Inline-Styles/index.html | 2 +- exercises/03-Inline-Styles/solution.hide.html | 2 +- 3 files changed, 19 insertions(+), 2 deletions(-) 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..4753103a 100644 --- a/exercises/03-Inline-Styles/index.html +++ b/exercises/03-Inline-Styles/index.html @@ -5,7 +5,7 @@ - +
diff --git a/exercises/03-Inline-Styles/solution.hide.html b/exercises/03-Inline-Styles/solution.hide.html index 1c3a3828..2d78dd68 100644 --- a/exercises/03-Inline-Styles/solution.hide.html +++ b/exercises/03-Inline-Styles/solution.hide.html @@ -14,4 +14,4 @@
Hello
- \ No newline at end of file + From 2b3ced515341d9671861b89dc837d16ab05cc074 Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 04:40:49 +0000 Subject: [PATCH 08/20] exercises4 --- .learn/resets/04-Class-Selector/index.html | 12 ++++++++++++ exercises/04-Class-Selector/styles.css | 2 +- 2 files changed, 13 insertions(+), 1 deletion(-) 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..45709afb --- /dev/null +++ b/.learn/resets/04-Class-Selector/index.html @@ -0,0 +1,12 @@ + + + + + 04 Class selector + + + +

Hello!

+

World!

+ + diff --git a/exercises/04-Class-Selector/styles.css b/exercises/04-Class-Selector/styles.css index ffec43c5..2817fbcb 100644 --- a/exercises/04-Class-Selector/styles.css +++ b/exercises/04-Class-Selector/styles.css @@ -1,3 +1,3 @@ -.b-blue { +.b-blue, p { background: blue; } From 40f125379bbc43b5761011f900a391dfaa4e0ebc Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 04:49:26 +0000 Subject: [PATCH 09/20] exercises4.1 --- .learn/resets/04.1-Combined-Rules/index.html | 11 +++++++++++ exercises/04.1-Combined-Rules/styles.css | 13 ++++--------- 2 files changed, 15 insertions(+), 9 deletions(-) create mode 100644 .learn/resets/04.1-Combined-Rules/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..1525b6cf --- /dev/null +++ b/.learn/resets/04.1-Combined-Rules/index.html @@ -0,0 +1,11 @@ + + + + + 04.1 Combined Rules + + + +
Hello!
+ + diff --git a/exercises/04.1-Combined-Rules/styles.css b/exercises/04.1-Combined-Rules/styles.css index 6313a1bc..2187c253 100644 --- a/exercises/04.1-Combined-Rules/styles.css +++ b/exercises/04.1-Combined-Rules/styles.css @@ -1,14 +1,9 @@ .myBox { width: 50px; height: 50px; - padding-top: 10px; - padding-left: 30px; - padding-right: 190px; - padding-bottom: 50px; - - 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; + padding: 10px 190px 50px 30px; + 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 950574f6c91c7bc03986dd64839904cc9e5ace91 Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 04:53:01 +0000 Subject: [PATCH 10/20] exercises4.2 --- .learn/resets/04.2-Apply-several-classes/index.html | 11 +++++++++++ exercises/04.2-Apply-several-classes/index.html | 2 +- 2 files changed, 12 insertions(+), 1 deletion(-) 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..3a293815 --- /dev/null +++ b/.learn/resets/04.2-Apply-several-classes/index.html @@ -0,0 +1,11 @@ + + + + + 04.2 Apply several classes + + + +
9
+ + diff --git a/exercises/04.2-Apply-several-classes/index.html b/exercises/04.2-Apply-several-classes/index.html index 3a293815..95de441b 100644 --- a/exercises/04.2-Apply-several-classes/index.html +++ b/exercises/04.2-Apply-several-classes/index.html @@ -6,6 +6,6 @@ -
9
+
9
From 827f291eecf533a7953f83872e5c50239feb90fa Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 04:54:27 +0000 Subject: [PATCH 11/20] exercises4.3 --- .learn/resets/04.3-id-Selector/index.html | 13 +++++++++++++ exercises/04.3-id-Selector/index.html | 6 ++---- exercises/04.3-id-Selector/solution.hide.html | 4 +--- 3 files changed, 16 insertions(+), 7 deletions(-) create mode 100644 .learn/resets/04.3-id-Selector/index.html 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.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/solution.hide.html b/exercises/04.3-id-Selector/solution.hide.html index a7964559..c98c7cc3 100644 --- a/exercises/04.3-id-Selector/solution.hide.html +++ b/exercises/04.3-id-Selector/solution.hide.html @@ -2,9 +2,7 @@ - - 04.3 ID selector - + 04.3 ID selector From 30a7e16fe34a07b142541c5be4d40d0f8c68f15d Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 04:57:10 +0000 Subject: [PATCH 12/20] exercises5 --- .learn/resets/05-Specificity/index.html | 18 ++++++++++++++++++ exercises/05-Specificity/styles.css | 4 ++++ 2 files changed, 22 insertions(+) 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..154a071a --- /dev/null +++ b/.learn/resets/05-Specificity/index.html @@ -0,0 +1,18 @@ + + + + + + + 05 Specificity + + + + + diff --git a/exercises/05-Specificity/styles.css b/exercises/05-Specificity/styles.css index 1255fbbc..922368a9 100644 --- a/exercises/05-Specificity/styles.css +++ b/exercises/05-Specificity/styles.css @@ -6,3 +6,7 @@ li + #thirditem { background: yellow; } /**** DO NOT EDIT ANYTHING ABOVE THIS LINE ****/ + +#thirditem { + background-color: green !important; +} From dc7941fbe80846db3ad2be73be3494c893b4d78a Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 05:07:15 +0000 Subject: [PATCH 13/20] exercises6 --- .learn/resets/06-Practicing-Rules/index.html | 34 ++++++++++++++++++++ exercises/06-Practicing-Rules/styles.css | 26 ++++++++++++++- 2 files changed, 59 insertions(+), 1 deletion(-) create mode 100644 .learn/resets/06-Practicing-Rules/index.html diff --git a/.learn/resets/06-Practicing-Rules/index.html b/.learn/resets/06-Practicing-Rules/index.html new file mode 100644 index 00000000..acb133f5 --- /dev/null +++ b/.learn/resets/06-Practicing-Rules/index.html @@ -0,0 +1,34 @@ + + + + + + + 06 Practicing Rules + + + +
+

The learning essay

+

3 reasons you know you are learning

+

+ We are going to explain in this paragraph the 3 most common signs that you should look into yourself to recognize if you are learning. +

+
    +
  1. You are able to complete the exercises by yourself.
    2. +
  2. You understand what the teacher is talking about.
    3. +
  3. You are able to have conversations about the topic.
    4. +
+

3 reasons you love what you are learning

+ +

+ If you can't sleep, what better than watching videos of cats? + click here +

+
+ + diff --git a/exercises/06-Practicing-Rules/styles.css b/exercises/06-Practicing-Rules/styles.css index 9a7fae86..1db2a503 100644 --- a/exercises/06-Practicing-Rules/styles.css +++ b/exercises/06-Practicing-Rules/styles.css @@ -1 +1,25 @@ -/* add your styles here */ +body { + background-image: url(../../.learn/assets/background-vertical.jpg?raw=true); + background-repeat: repeat-y; + font-family: "Times New Roman"; + padding-left: 20px; +} + +h1 { + font-family: Courier; + color: red; +} + +h2 { + text-decoration: underline; +} + +#id1 { + background-color: rgba(255, 255, 255, 0.2); + padding: 5px; +} + +a:hover { + color: green; + text-decoration: none; +} From 9686c8359b7b34b94fec47602ea71342dbb54c10 Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 05:12:25 +0000 Subject: [PATCH 14/20] exercises7 --- .../resets/07-Very-Specific-Rules/index.html | 82 +++++++++++++++++++ exercises/07-Very-Specific-Rules/styles.css | 12 ++- 2 files changed, 93 insertions(+), 1 deletion(-) 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..09fef243 --- /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 paragraph the 3 most common signs that you should look into yourself to recognize if you are learning. +

+
    +
  1. You are able to complete the exercises by yourself.
    2. +
  2. You understand what the teacher is talking about
    3. +
  3. You are able to have conversations about the topic
    4. +
+

3 reasons you know love what you are learning

+ +

+ If you can't sleep, what better than watching videos of cats? + click here +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
AgeGender
12Male
22Female
11Male
21Male
22Female
10Male
13Female
13Male
10Male
11Male
11Male
+ + diff --git a/exercises/07-Very-Specific-Rules/styles.css b/exercises/07-Very-Specific-Rules/styles.css index 164b694b..cbbf0d00 100644 --- a/exercises/07-Very-Specific-Rules/styles.css +++ b/exercises/07-Very-Specific-Rules/styles.css @@ -1,4 +1,14 @@ -/** Insert your code here **/ +ul li { + color: red !important; +} + +ol li:nth-child(2) { + background-color: green; +} + +tr:nth-child(odd) { + background-color: yellow; +} /********** READ-ONLY BLOCK ****** You CANNOT UPDATE anything from here on, From f6e73ba5fadce3970c93b3f54da2e045b9c5cff2 Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 05:23:56 +0000 Subject: [PATCH 15/20] exercises8 --- .learn/resets/08-Rounded-Image/index.html | 13 +++++++++++++ exercises/08-Rounded-Image/styles.css | 3 +++ 2 files changed, 16 insertions(+) create mode 100644 .learn/resets/08-Rounded-Image/index.html diff --git a/.learn/resets/08-Rounded-Image/index.html b/.learn/resets/08-Rounded-Image/index.html new file mode 100644 index 00000000..95931a07 --- /dev/null +++ b/.learn/resets/08-Rounded-Image/index.html @@ -0,0 +1,13 @@ + + + + + + + 08 Rounded Image + + + + + + diff --git a/exercises/08-Rounded-Image/styles.css b/exercises/08-Rounded-Image/styles.css index 62006948..fa4e1be6 100644 --- a/exercises/08-Rounded-Image/styles.css +++ b/exercises/08-Rounded-Image/styles.css @@ -3,4 +3,7 @@ body { } .rounded { border-radius: 100%; + width: auto; + height: auto; + object-fit: cover; } From 9d2307bc97b8656a3be7ebc187ae4043265dcef3 Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 05:26:06 +0000 Subject: [PATCH 16/20] exercises9 --- .learn/resets/09-Anchor-Styles/index.html | 13 +++++++++++++ exercises/09-Anchor-Styles/styles.css | 12 +++++++++--- 2 files changed, 22 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..30e00691 --- /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/styles.css b/exercises/09-Anchor-Styles/styles.css index 895dc3d6..ca9d19e8 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,6 +11,13 @@ } a.threeDimension:active { - /* your code here*/ - + display: block; + border: 1px solid; + border-color: #000 #aaa #aaa #000; + width: 8em; + background: #fc0; + text-decoration: none; + text-align: center; + color: black; + font-size: 22px; } From a61fbc622e94a34f5b7d1ceabf50d31062370159 Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 05:37:58 +0000 Subject: [PATCH 17/20] exercises10 --- .learn/resets/10-Your-Own-Font/index.html | 14 ++++++++++++++ exercises/10-Your-Own-Font/index.html | 3 +-- exercises/10-Your-Own-Font/styles.css | 2 +- 3 files changed, 16 insertions(+), 3 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..b4005187 --- /dev/null +++ b/.learn/resets/10-Your-Own-Font/index.html @@ -0,0 +1,14 @@ + + + + + + + + + 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 b4005187..dd6a0eee 100644 --- a/exercises/10-Your-Own-Font/index.html +++ b/exercises/10-Your-Own-Font/index.html @@ -3,8 +3,7 @@ - - + 10 Your Own Font diff --git a/exercises/10-Your-Own-Font/styles.css b/exercises/10-Your-Own-Font/styles.css index 0335a322..ea9431f6 100644 --- a/exercises/10-Your-Own-Font/styles.css +++ b/exercises/10-Your-Own-Font/styles.css @@ -1,3 +1,3 @@ .myTitle { - /* Add your code below this line */ + font-family: Borel; } From ecb8439fba6924f3e0612ebedb1a1dedc10ad400 Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 05:42:21 +0000 Subject: [PATCH 18/20] exercises11 --- .learn/resets/11-Font-Awesome-Icons/index.html | 15 +++++++++++++++ exercises/11-Font-Awesome-Icons/index.html | 2 ++ 2 files changed, 17 insertions(+) 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..1401d5da --- /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 1401d5da..c871168e 100644 --- a/exercises/11-Font-Awesome-Icons/index.html +++ b/exercises/11-Font-Awesome-Icons/index.html @@ -10,6 +10,8 @@ From 8b8253f35576f284885456ec9b62b87815c36a83 Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 05:45:02 +0000 Subject: [PATCH 19/20] exercises12 --- .../12-Relative-Length-EM-REM/index.html | 22 +++++++++++++++++++ .../12-Relative-Length-EM-REM/index.html | 2 +- .../solution.hide.css | 6 ++--- .../12-Relative-Length-EM-REM/styles.css | 8 +++++++ 4 files changed, 34 insertions(+), 4 deletions(-) create mode 100644 .learn/resets/12-Relative-Length-EM-REM/index.html diff --git a/.learn/resets/12-Relative-Length-EM-REM/index.html b/.learn/resets/12-Relative-Length-EM-REM/index.html new file mode 100644 index 00000000..f4d745fd --- /dev/null +++ b/.learn/resets/12-Relative-Length-EM-REM/index.html @@ -0,0 +1,22 @@ + + + + + + + 12 Relative Length EM REM + + +
+

First h2 heading

+

First h3 heading

+

Here is some nice fake content

+
+ +
+

Second h2 heading

+

Second h3 heading

+

More fake content but now in the second container

+
+ + diff --git a/exercises/12-Relative-Length-EM-REM/index.html b/exercises/12-Relative-Length-EM-REM/index.html index f4d745fd..dd84e5cb 100644 --- a/exercises/12-Relative-Length-EM-REM/index.html +++ b/exercises/12-Relative-Length-EM-REM/index.html @@ -12,7 +12,7 @@

First h2 heading

First h3 heading

Here is some nice fake content

- +

Second h2 heading

Second h3 heading

diff --git a/exercises/12-Relative-Length-EM-REM/solution.hide.css b/exercises/12-Relative-Length-EM-REM/solution.hide.css index eeb04334..c524cf3e 100644 --- a/exercises/12-Relative-Length-EM-REM/solution.hide.css +++ b/exercises/12-Relative-Length-EM-REM/solution.hide.css @@ -6,10 +6,10 @@ } /* YOUR CODE BELOW THIS LINE */ -h2{ +h2 { font-size: 0.8em; } -h3{ +h3 { font-size: 0.8rem; -} \ No newline at end of file +} diff --git a/exercises/12-Relative-Length-EM-REM/styles.css b/exercises/12-Relative-Length-EM-REM/styles.css index bfba63b9..87e9d6f1 100644 --- a/exercises/12-Relative-Length-EM-REM/styles.css +++ b/exercises/12-Relative-Length-EM-REM/styles.css @@ -6,3 +6,11 @@ } /* YOUR CODE BELOW THIS LINE */ + +h2 { + font-size: 0.8em; +} + +h3 { + font-size: 0.8rem; +} From 95d48b52181cc469340ac6260b518a205329f497 Mon Sep 17 00:00:00 2001 From: Anthony Alvarado <109054924+avlanty@users.noreply.github.com> Date: Sat, 5 Aug 2023 05:49:57 +0000 Subject: [PATCH 20/20] exercises13 --- .learn/resets/13-Anchor-Like-Button/index.html | 12 ++++++++++++ exercises/13-Anchor-Like-Button/styles.css | 15 +++++++++++---- 2 files changed, 23 insertions(+), 4 deletions(-) create mode 100644 .learn/resets/13-Anchor-Like-Button/index.html diff --git a/.learn/resets/13-Anchor-Like-Button/index.html b/.learn/resets/13-Anchor-Like-Button/index.html new file mode 100644 index 00000000..aaaa7740 --- /dev/null +++ b/.learn/resets/13-Anchor-Like-Button/index.html @@ -0,0 +1,12 @@ + + + + + + + 13 Anchor Like Button + + + Beautiful Button + + diff --git a/exercises/13-Anchor-Like-Button/styles.css b/exercises/13-Anchor-Like-Button/styles.css index 76fd5b9c..13c82ff5 100644 --- a/exercises/13-Anchor-Like-Button/styles.css +++ b/exercises/13-Anchor-Like-Button/styles.css @@ -1,10 +1,17 @@ .orange-btn { display: inline-block; - /* your code below */ - + padding: 10px; + border-radius: 4px; + background: orange; + text-decoration: none; + color: white; } .orange-btn:hover { - /* YOUR CODE HERE FOR THE HOVER STATE */ - + display: inline-block; + padding: 10px; + border-radius: 4px; + background: darkorange; + text-decoration: none; + color: white; }