From 262246e8f0d54ec9a367a63861b442b50d25d4c9 Mon Sep 17 00:00:00 2001 From: Trianta <56975502+Trimutex@users.noreply.github.com> Date: Sun, 29 Dec 2024 21:47:33 -0600 Subject: [PATCH] core: make nav bar actually a nav bar and side by side with content --- default.css | 24 ++++++++++++++++++++++-- index.html | 20 +++++++++++++------- 2 files changed, 35 insertions(+), 9 deletions(-) diff --git a/default.css b/default.css index 2ff93d1..104085d 100644 --- a/default.css +++ b/default.css @@ -6,6 +6,7 @@ body { font-family: Arial, sans-serif; + font-weight: 800; color: #06CDFF; background: #03001C; line-height: 1.5; @@ -14,14 +15,33 @@ body { } .inside { - max-width: 80rem; + max-width: 45rem; margin: 0 auto; padding: 2rem 1.5rem; } -#navigation { +nav { padding: 1rem; text-align: center; + width: 6rem; +} + +.gap { + width: 3rem; +} + +.content { + width: 36rem; + text-align: right; +} + +@media screen and (max-width: 600px) { + .column { + width: 100%; + } + .gap { + visibility: hidden; + } } .trianta { diff --git a/index.html b/index.html index 1fcb420..d4928c9 100644 --- a/index.html +++ b/index.html @@ -11,13 +11,19 @@ TRIANTA
Function over form by design
-