From 8e29e09ae2ecc50cc940f2432f0c503be2bfa79c Mon Sep 17 00:00:00 2001 From: TinWoodman92 Date: Tue, 9 Jan 2024 16:37:38 -0600 Subject: added mobile media query --- style.css | 25 ++++++++++++++++--------- 1 file changed, 16 insertions(+), 9 deletions(-) (limited to 'style.css') diff --git a/style.css b/style.css index 4975ab5..9c8d2dc 100644 --- a/style.css +++ b/style.css @@ -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; + } +} -- cgit v1.2.3