styles fix nav items

vanessacor · May 12, 2024 · 488a1bf · 488a1bf
1 parent 103c78c
commit 488a1bf
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/src/components/navigation/NavigationItem.astro b/src/components/navigation/NavigationItem.astro
@@ -6,9 +6,7 @@ const isBlogRoute = pathname.startsWith("/blog")
 const isHome = href === "/"
 const isActive = href === pathname || isBlogRoute && isHome
 ---
-<a class:list={[{active: isActive}, "link"]} href={href}>
-  {label}
-</a>
+<a class:list={[{active: isActive}, "link"]} href={href}>{label}</a>
 
 <style scoped>
    a {

diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
@@ -48,12 +48,12 @@ const { title } = Astro.props;
 
 <style is:global>
 .layout {
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-auto-rows: 1fr auto 1fr;
+  display: flex;
+  flex-direction: column;
   height: 100%;
 }
 .main {
+  flex-grow: 1;
   margin-bottom: var(--space-xxl);
 }