From a795a394216107d52c600890567e0ede5e331c72 Mon Sep 17 00:00:00 2001 From: Exhausted Yami <113392796+exhausted-yami@users.noreply.github.com> Date: Thu, 2 Jan 2025 03:35:15 -0500 Subject: [PATCH] Update styles.css --- styles.css | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) diff --git a/styles.css b/styles.css index 356e8f1..b505436 100644 --- a/styles.css +++ b/styles.css @@ -58,6 +58,24 @@ body { position: absolute; left: 1%; } + +/* Mobile-specific Navbar styles */ +@media (max-width: 768px) { + .navbar { + flex-direction: column; /* Stack items vertically on smaller screens */ + align-items: flex-start; /* Align items to the left */ + padding: 10px; /* Add some padding */ + } + + .navbar a { + margin: 5px 0; /* Add margin for spacing between links */ + } + + .navbar p { + position: static; /* Remove absolute positioning */ + margin-bottom: 10px; /* Add spacing below the paragraph */ + } +} /* Content styles */ .content {