diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 000000000..4840d83eb Binary files /dev/null and b/.DS_Store differ diff --git a/final/.DS_Store b/final/.DS_Store new file mode 100644 index 000000000..97430da04 Binary files /dev/null and b/final/.DS_Store differ diff --git a/starter/.DS_Store b/starter/.DS_Store new file mode 100644 index 000000000..42b488dd0 Binary files /dev/null and b/starter/.DS_Store differ diff --git a/starter/03-CSS-Fundamentals/index.html b/starter/03-CSS-Fundamentals/index.html index df8a623a8..5022baf67 100644 --- a/starter/03-CSS-Fundamentals/index.html +++ b/starter/03-CSS-Fundamentals/index.html @@ -3,6 +3,7 @@ The Basic Language of the Web: HTML + @@ -15,7 +16,7 @@

The Basic Language of the Web: HTML

--> -

📘 The Code Magazine

@@ -37,7 +38,9 @@

The Basic Language of the Web: HTML

width="50" /> -

Posted by Laura Jones on Monday, June 21st 2027

+ Posted by Laura Jones on Monday, June 21st 2027 +

Why should you learn HTML?

- + diff --git a/starter/03-CSS-Fundamentals/style.css b/starter/03-CSS-Fundamentals/style.css new file mode 100644 index 000000000..d55e1daa5 --- /dev/null +++ b/starter/03-CSS-Fundamentals/style.css @@ -0,0 +1,123 @@ +h1, +h2, +h3, +h4, +p, +li { + font-family: sans-serif; + color: #333; +} + +h1, +h2, +h3 { + color: hsla(188, 77%, 25%, 0.887); +} + +h1 { + font-size: 30px; + text-transform: uppercase; + font-style: italic; +} + +h2 { + font-size: 40px; +} + +h3 { + font-size: 30px; +} + +h4 { + font-size: 20px; + text-transform: uppercase; + text-align: center; +} + +p { + font-size: 22px; + line-height: 1.5; +} + +li { + font-size: 20px; +} + +#author { + font-style: italic; + font-size: 18px; +} + +#copyright { + font-style: italic; + font-size: 16px; +} + +.related-author { + font-size: 18px; + font-weight: bold; +} + +.related { + list-style-type: none; +} + +.main-header { + background-color: #f7f7f7; +} + +aside { + background-color: #f7f7f7; + border-top: 5px solid hsla(188, 77%, 25%, 0.887); + border-bottom: 5px solid hsla(188, 77%, 25%, 0.887); +} + +li:first-child { + font-weight: bold; +} + +li:last-child { + font-style: italic; +} + +li:nth-child(2) { + /* color: red; */ +} + +/* Styling links */ +a:link { + color: hsla(188, 77%, 25%, 0.887); + text-decoration: none; +} + +a:visited { + color: hsla(188, 77%, 25%, 0.687); +} + +a:hover { + color: orangered; + font-weight: bold; + text-decoration: orangered; +} + +a:active { + background-color: palevioletred; +} + +/* RESOLVING CONFLICTS */ + +/* .copyright { + color: red; +} + +#copyright { + color: blue; +} + +.text { + color: yellow; +} + +footer p { + color: green; +} */ diff --git a/starter/04-CSS-Layouts/index.html b/starter/04-CSS-Layouts/index.html index 15ecbeb77..64d75e106 100644 --- a/starter/04-CSS-Layouts/index.html +++ b/starter/04-CSS-Layouts/index.html @@ -39,9 +39,10 @@

The Basic Language of the Web: HTML

alt="Headshot of Laura Jones" height="50" width="50" + class="author-img" /> -

Posted by Laura Jones on Monday, June 21st 2027

diff --git a/starter/04-CSS-Layouts/style.css b/starter/04-CSS-Layouts/style.css index c879e79d2..5fa94fd5b 100644 --- a/starter/04-CSS-Layouts/style.css +++ b/starter/04-CSS-Layouts/style.css @@ -265,3 +265,13 @@ footer p { nav p { font-size: 18px; } */ + +/* FLOATS */ +.author-img { + float: left; +} + +.author { + float: left; + padding-left: 10px; +}