Update styles.css

ieg-dhr · Oct 5, 2024 · 9e7e354 · 9e7e354
1 parent 80b9774
commit 9e7e354
Showing 1 changed file with 12 additions and 7 deletions.
diff --git a/styles.css b/styles.css
@@ -24,6 +24,10 @@ header {
     text-align: center;
     padding: 1rem;
     width: 100%;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 1000;
 }
 
 .logo svg {
@@ -38,23 +42,22 @@ h1 {
 
 .content-wrapper {
     display: flex;
-    flex: 1;
+    margin-top: 150px; /* Adjust this value based on your header height */
 }
 
 .sidebar {
     width: 250px;
     background-color: #f4f4f4;
     padding: 1rem;
     position: fixed;
-    top: 0;
+    top: 150px; /* Should match the margin-top of .content-wrapper */
     bottom: 0;
     left: 0;
     overflow-y: auto;
 }
 
 .sidebar h2 {
     color: #8B0000;
-    margin-top: 1rem;
     border-bottom: 2px solid #8B0000;
     padding-bottom: 0.5rem;
     margin-bottom: 1rem;
@@ -122,21 +125,23 @@ footer {
 }
 
 @media (max-width: 800px) {
+    .content-wrapper {
+        flex-direction: column;
+        margin-top: 120px; /* Adjust for smaller header on mobile */
+    }
+
     .sidebar {
         width: 100%;
         position: static;
         margin-bottom: 1rem;
+        top: auto;
     }
 
     main {
         margin-left: 0;
         width: 100%;
     }
 
-    .content-wrapper {
-        flex-direction: column;
-    }
-
     h1 {
         font-size: 1.5em;
     }