diff options
| -rw-r--r-- | about.html | 10 | ||||
| -rw-r--r-- | style.css | 34 |
2 files changed, 29 insertions, 15 deletions
@@ -2,8 +2,9 @@ <html> <head> - <title>chrhodgden - About</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>chrhodgden - About</title> + <link rel="icon" type="image/svg+xml" href="img/favicon.svg"> <link rel="stylesheet" href="style.css"/> <style> :root { @@ -19,6 +20,13 @@ </div> <h1>About Me</h1> + + <img + class="self-portrait" + src="img/self_portrait.jpg" + alt="Self Portrait" + height="300" + > <p> My name is Christian Hodgden. @@ -55,6 +55,22 @@ } } +@media (max-width: 600px) { + html { + font-size: 1.5rem; + } +} + +@media (min-width: 601px) { + html { + font-size: 1rem; + } +} + +.dark-mode-container { + float: right; +} + ::selection { background-color: var(--contrast-color); color: hsl(0, 0%, var(--background-lightness)); @@ -84,6 +100,7 @@ hr { nav { color: var(--foreground-accent-color); text-align: center; + clear: both; } ul { @@ -129,18 +146,7 @@ a:hover { color: hsl(calc(var(--contrast-hue) - 150), 100%, var(--contrast-lightness)) } -.dark-mode-container { +img.self-portrait { float: right; -} - -@media (max-width: 600px) { - html { - font-size: 1.5rem; - } -} - -@media (min-width: 601px) { - html { - font-size: 1rem; - } -} + margin-right: 1rem; +}
\ No newline at end of file |