From 110a0b5b7744786c7798a3ff019f91f6668c9f6e Mon Sep 17 00:00:00 2001 From: Andrew T Wagner <49354894+guiisgooey@users.noreply.github.com> Date: Tue, 1 Sep 2020 13:30:14 -0400 Subject: [PATCH 1/2] finished challenges finished challenges --- challenge-2.html | 28 ++++++++++++++-------------- challenge-3.html | 18 +++++++++--------- challenge-4.html | 20 ++++++++++---------- challenge-5.html | 21 +++++++++++++++++---- challenge-6.html | 36 +++++++++++++++++++----------------- challenge-8.html | 26 +++++++++++++------------- 6 files changed, 82 insertions(+), 67 deletions(-) diff --git a/challenge-2.html b/challenge-2.html index b204869..e43127a 100644 --- a/challenge-2.html +++ b/challenge-2.html @@ -12,50 +12,50 @@ /* Set the font-size to 20px */ font-size: 20px; /* Change the line-height 1.5 */ - + line-height: 1.5; /* Set the (foreground) color #eee */ - + color: #eee; /* Set the background-color rgb(36, 36, 48) */ - + background-color: rgb(36,36,48); } /* The link is hard to read change the color */ /* Set the color of the anchor tag */ a { /* Se the (foreground) color to #f0f */ - + color: #f0f; /* Set the text-decoration to none */ - + text-decoration: none; } /* make the abbr stand out */ abbr { /* Set the color to cyan */ - + color: cyan; /* Set the text-decoration to underline */ - + text-decoration: underline; /* Set the text-decoration-style to dotted */ - + text-decoration-style: dotted; } /* Style the header */ h1 { /* color rgb(232, 224, 119) */ - + color: rgb(232, 224, 119); /* font-weight lighter */ - + font-weight: lighter; /* font-size 3em */ - + font-size: 3em; } /* maybe the small should not be so small */ small { /* color #ccc */ - + color: #ccc; /* font-weight lighter */ - + font-weight: lighter; /* font-size 1em */ - + font-size: 1em; } /* diff --git a/challenge-3.html b/challenge-3.html index 721a116..b4e148f 100644 --- a/challenge-3.html +++ b/challenge-3.html @@ -6,15 +6,15 @@ /* Style the blockquote */ blockquote { /* make the font size large size : 2em */ - + font-size: 2em; /* Use a serif font family : Georgia */ - + font-family: 'Georgia'; /* Needs some line space use 1.5 */ - + line-height: 1.5; /* Set the color #777 medium gray */ - + color: #777; /* Use text-align: right */ - + text-align: right; } /* Style the first letter */ @@ -22,7 +22,7 @@ letter of the blockaquote */ blockquote::first-letter { /* Set the color #000 */ - + color: #000; } /* Style the author */ @@ -30,11 +30,11 @@ tags that are inside a blockquote */ blockquote footer { /* Make the font smaller size 0.5em */ - + font-size: 0.5em; /* Make the font bold */ - + font-weight: bold; /* Change the color #666 */ - + color: #666; } /* Notice the styles above don't apply to the footer at the diff --git a/challenge-4.html b/challenge-4.html index 356df42..3836985 100644 --- a/challenge-4.html +++ b/challenge-4.html @@ -21,9 +21,9 @@ /* Even numbered list items */ li:nth-child(even) { /* Set the color #775 */ - + color: #775; /* Align the text to the right */ - + text-align: right; } /* These style will use some advanced selectors. */ @@ -31,17 +31,17 @@ /* odd numbered list items */ li:nth-child(odd) { /* Set the color #757 */ - + color: #757; /* Align the text to the left */ - + text-align: right; } /* Style the first letter */ blockquote::first-letter { /* Set the color #000 */ - + color: #000; /* Try changing the font size */ - + font-size: large; } /* Here you need to style the authors name. */ @@ -54,11 +54,11 @@ /* Style the author */ blockquote footer { /* Make the font smaller 0.5em */ - + font-size: 0.5em; /* Make the font weight bold */ - + font-weight: bold; /* Change the color #666 */ - + color: #666; } /* Now style the footer at the bottom of the page */ @@ -66,7 +66,7 @@ /* main > footer */ main > footer { /* text align center */ - + text-align: center; } /* Stretch Challenges diff --git a/challenge-5.html b/challenge-5.html index 160f54a..6c33d24 100644 --- a/challenge-5.html +++ b/challenge-5.html @@ -12,18 +12,31 @@ /* line height 1.5 */ /* Color #333 dark gray */ /* background color #eee light gray */ - + body{ + font-family: 'Helvetica Neue'; + font-size: 20px; + line-height: 1.5; + color: #333; + background-color: #eee; + } /* Style the dt (definition title) */ /* Make the font really big! 2em */ /* Make the background color light gray #ccc */ - + dt{ + font-size: 2em; + background-color: #ccc; + } /* Style the dd (definition) */ /* make the font big 1.5em */ /* Background color #ddd */ /* Remove the by setting margin: 0 */ - + dd{ + font-size:1.5em; + background-color:#ddd; + margin: 0 + } /* Style both the dt and dd */ @@ -31,7 +44,7 @@ dt, dd { /* Add some space between these elements and their content */ /* padding: 0.5em */ - + padding: 0.5em; } /* Stretch Challenges: diff --git a/challenge-6.html b/challenge-6.html index 97aa4f9..628d69e 100644 --- a/challenge-6.html +++ b/challenge-6.html @@ -7,47 +7,48 @@ /* Add some styles */ body { /* Font 'Helvetica Neue' */ - + font-family: 'Helvetica Neue'; /* Add some line height */ - + line-height: 1.5; } h1 { /* Make the heading really big */ - + font-size: large; /* Make the color #000 */ - + color: #000; /* Make the font weight lighter font-weight: lighter */ - + font-weight: lighter; } /* Maybe the small text doesn't need to be so small */ /* Might be just lighter in color */ header > small { /* font size 1.5em */ - + font-size: 1.5em; /* Font weight bold */ - + font-weight: bold; /* color light gray #999 */ - + color: #999; } /* Style the time in the header */ header > time { /* make the font size 1.5em */ - + font-size: 1.5em; /* make the fonr weight bold */ - + font-weight: bold; /* Make the color #555 */ - + color: #555; } /* Style the list container */ /* Lets remove the bullets and padding */ footer ul { /* list-style: none */ - + list-style: none; /* Remove the padding on the list */ + padding: 0; /* This will get rid of the space on the left */ /* padding: 0 */ @@ -59,18 +60,19 @@ footer li { /* Change the display from block to inline */ /* display: inline */ - + display: inline; /* Make the font weight bold */ - + font-weight: bold; /* Color #999 */ - + Color: #999; } /* Style the link */ a { /* Color rgb(0, 145, 255) */ - + color: rgb(0,145,255); /* Remove the underline */ + text-decoration: none; /* text-decoration: none */ } @@ -79,7 +81,7 @@ /* The hover style applied when the cursor is over the element */ a:hover { /* color rgb(0, 114, 201) */ - + color: rgb(0,114,201) } diff --git a/challenge-8.html b/challenge-8.html index 61fa567..2f266df 100644 --- a/challenge-8.html +++ b/challenge-8.html @@ -8,36 +8,36 @@ /* Style the fonts for the page */ body { /* Se the font to 'Helvetica Neue' */ - + font-family: 'Helvetica Neue'; } /* Style the preformatted blocks */ pre { /* Give these some padding 1em */ - + padding: 1em; /* Background color #eee */ - + background-color: #eee; } /* Style code examples */ code { /* Set font family to 'Courier New' */ - + font-family: 'Courier New'; /* color rgb(3, 107, 199) */ - + color: rgb(3,107,199); } /* Style strong elements in code */ /* We'll use this to highlight important things */ code strong { /* Font weight normal */ - + font-weight: normal; /* add an underline text-decoration: underline */ - + text-decoration: underline; /* make the underline wavy text-decoration-style: wavy */ - + text-decoration-style: wavy; /* Give these a color so they stand out rgb(105, 40, 179) */ - + color: rgb(105,40,179); } /* This code has been edited. We should show the edits */ @@ -45,18 +45,18 @@ /* Style deleted text */ code del { /* color red rgb(199, 72, 3) */ - + color: rgb(199,72,3); /* strike through text-decoration-line: line-through */ - + text-decoration-line: line-through; /* Lets make the line wavy */ - + text-decoration-style: wavy; } /* style inserted text */ /* Select ins tags that descendents of code tags */ code ins { /* color green rgb(56, 140, 48) */ - + color: rgb(56,140,48); } From b5de915931bbeac23b35782ae52470141fd28da2 Mon Sep 17 00:00:00 2001 From: Andrew T Wagner <49354894+guiisgooey@users.noreply.github.com> Date: Tue, 1 Sep 2020 14:05:31 -0400 Subject: [PATCH 2/2] Update challenge-4.html --- challenge-4.html | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/challenge-4.html b/challenge-4.html index 3836985..cb8ef7c 100644 --- a/challenge-4.html +++ b/challenge-4.html @@ -9,13 +9,19 @@ /* Style the list use the selector: ul { ... your styles here... } */ /* Remove the bullet list-style none */ - + ul{ + list-style: none; + } /* Style the blockquote: blockquote { ... } */ /* make the font large 2em */ /* Set the font to a serif use Gerogia */ /* Needs some line height 1.5 */ - + blockquote{ + font-size: large; + font-family: 'Georgia'; + line-height: 1.5; + } /* Here are some new selectors */ /* Even numbered list items */