From 5deed578688091f3c7ad93f468ebe736d79a6d56 Mon Sep 17 00:00:00 2001 From: zayd Date: Tue, 12 Nov 2024 00:46:19 -0500 Subject: [PATCH] Fixed layout for mobile (hopefully) (please CSS just let something I write work for once) --- assets/css/main.css | 40 +++++++++++++++++++++++++--------------- index.html | 2 +- 2 files changed, 26 insertions(+), 16 deletions(-) diff --git a/assets/css/main.css b/assets/css/main.css index cec77ad..a5a65a2 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -23,37 +23,47 @@ body { .navbar { list-style-type: none; + display: inline; margin: 0px; padding: 0px; } .navbar li { - font-family: FiraCode Bold; display: inline; } -.navbar li a { - text-decoration: none; - font-size: 20px; - color: #bb53f3; -} - .navbar > li > a { - margin-left: 4px; - margin-right: 4px; -} - -.navbar li h1 { + font-family: FiraCode Bold; + margin-left: 3px; + margin-right: 3px; display: inline; } -.navbar li h1 a { +.navbar a { + text-decoration: none; + font-size: 20px; + display: inline; + color: #bb53f3; +} + +.navbar h1 { + margin-bottom: 0px; +} + +.navbar h1 a { color: #bb53f3; font-size: 30px; - font-family: Super Pixel; display: inline; + font-family: Super Pixel; } +@media (min-width: 600px) { + .navbar li h1 { + display: inline; + } +} + + .navbar a:hover { color: white; } @@ -64,7 +74,7 @@ body { .main { color: white; font-family: FiraCode; - width: 1000px; + width: 70%; } .main h2 { diff --git a/index.html b/index.html index 676c65c..82a698f 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@