Change the layout of the header element in main

- change the layout to row instead of column
zshaian · Apr 29, 2024 · 3ca0f25 · 3ca0f25
1 parent af083c5
commit 3ca0f25
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/style.css b/style.css
@@ -176,6 +176,14 @@ body {
     appearance:none;
 }
 
+@media screen and (min-width:81.25rem) {
+    .main__header {
+        flex-direction:row;
+        align-items:center;
+        justify-content:space-between; 
+    }
+}
+
 /* @media (prefers-color-scheme:dark){
     body {
         --body-background:var(--Very-Dark-Blue-Dark-Mode-Background);
@@ -206,4 +214,4 @@ body {
         --filter-btn-bg:var(--Dark-Blue-Dark-Mode-Elements);
         --filter-btn-clr:var(--White-Dark-Mode-Text-Light-Mode-Elements);
     }
-}
+} */