Fix header style (#2655)

* fix header style in ff * fix wrapping
openstax · Jul 30, 2024 · 4d1deeb · 4d1deeb
1 parent 633c650
commit 4d1deeb
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/app/layouts/landing/header/header.scss b/src/app/layouts/landing/header/header.scss
@@ -16,18 +16,20 @@
         }
 
         menu {
-          height: 4rem;
+          overflow: hidden;
+          height: 8rem;
+          margin: 0;
           padding: 0;
-          margin: 2rem 0;
-          display: flex;
-          flex-direction: row;
           font-size: 1.8rem;
           font-weight: bold;
           letter-spacing: -0.072rem;
           line-height: 2.5rem;
 
           li {
+            display: inline-block;
+            height: 100%;
             margin: 0 1rem;
+            padding: 2rem 0;
           }
 
           a {
@@ -61,9 +63,11 @@
         menu {
             width: 100%;
         }
+        menu li {
+            float: left;
+        }
         menu li:last-child {
-            width: 100%;
-            text-align: right;
+            float: right;
         }
         menu:first-child {
             display: none;