💄 [Navigation] Replace float with grid layout

beefchimi · Jul 29, 2024 · c205d8a · c205d8a
1 parent e937fa4
commit c205d8a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Navigation.astro b/src/components/Navigation.astro
@@ -90,6 +90,8 @@ const {id, items = []} = Astro.props;
     z-index: calc(var(--index-thermosphere) + 1);
     bottom: var(--nav-list-bottom);
     right: 0;
+    display: grid;
+    justify-items: end;
 
     &[aria-hidden='false'] {
       width: auto;
@@ -101,8 +103,6 @@ const {id, items = []} = Astro.props;
   }
 
   .Item {
-    float: right;
-    clear: both;
     transition: translate var(--speed) var(--ease);
     /* Stagger animation offset */
     transition-delay: calc(var(--speed-fastest) * var(--nav-item-index));