diff options
| author | TinWoodman92 <chrhodgden@gmail.com> | 2024-01-09 16:37:38 -0600 |
|---|---|---|
| committer | TinWoodman92 <chrhodgden@gmail.com> | 2024-01-09 16:37:38 -0600 |
| commit | 8e29e09ae2ecc50cc940f2432f0c503be2bfa79c (patch) | |
| tree | e31c72fc88861897e8dd66ca31cf13ca8062f26a | |
| parent | 9bc8345d90424400a36ab4fcbfbeeb0253747a86 (diff) | |
added mobile media query
| -rw-r--r-- | about.html | 1 | ||||
| -rw-r--r-- | index.html | 1 | ||||
| -rw-r--r-- | projects_blog/NNetwork.html | 1 | ||||
| -rw-r--r-- | projects_blog/Python-Dialogue-R.html | 1 | ||||
| -rw-r--r-- | projects_blog/Tic-Tac-Toe-ML-Lab-Kit.html | 1 | ||||
| -rw-r--r-- | style.css | 25 |
6 files changed, 21 insertions, 9 deletions
@@ -3,6 +3,7 @@ <head> <title>chrhodgden - About</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"/> <style> :root { @@ -3,6 +3,7 @@ <head> <title>chrhodgden - Home</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"/> </head> diff --git a/projects_blog/NNetwork.html b/projects_blog/NNetwork.html index d469682..1ad3466 100644 --- a/projects_blog/NNetwork.html +++ b/projects_blog/NNetwork.html @@ -2,6 +2,7 @@ <html lang="en"> <head> <title>chrhodgden - NNetwork</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="../style.css"/> <style> :root { diff --git a/projects_blog/Python-Dialogue-R.html b/projects_blog/Python-Dialogue-R.html index 7d90a90..8bf996e 100644 --- a/projects_blog/Python-Dialogue-R.html +++ b/projects_blog/Python-Dialogue-R.html @@ -2,6 +2,7 @@ <html lang="en"> <head> <title>chrhodgden - DialogueR</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="../style.css"/> <style> :root { diff --git a/projects_blog/Tic-Tac-Toe-ML-Lab-Kit.html b/projects_blog/Tic-Tac-Toe-ML-Lab-Kit.html index f637a4f..2f590b4 100644 --- a/projects_blog/Tic-Tac-Toe-ML-Lab-Kit.html +++ b/projects_blog/Tic-Tac-Toe-ML-Lab-Kit.html @@ -2,6 +2,7 @@ <html lang="en"> <head> <title>chrhodgden - Tic-Tac-Toe</title> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="../style.css"/> <style> :root { @@ -87,20 +87,20 @@ nav { } ul { - text-indent: -2em; - font-size: 1.25em; + text-indent: -2rem; + font-size: 1.25rem; font-weight: bold; } ul.projects-blog { color: var(--foreground-theme-color); - margin-left: 2em; - font-size: 1em; + margin-left: 2rem; + font-size: 1rem; font-weight: normal; } li { - text-indent: 0em; + text-indent: 0rem; font-size: 1rem; font-weight: normal; } @@ -133,7 +133,14 @@ a:hover { float: right; } -input[type='checkbox'] { - border-color: var(--foreground-accent-color); - background-color: var(--background-accent-color); -}
\ No newline at end of file +@media (max-width: 600px) { + html { + font-size: 1.5rem; + } +} + +@media (min-width: 601px) { + html { + font-size: 1rem; + } +} |