diff --git a/components/Header.js b/components/Header.js index 39c918e..0b4237d 100644 --- a/components/Header.js +++ b/components/Header.js @@ -3,20 +3,29 @@ import { GractwoLogo } from "./GractwoLogo"; export default function Home() { return ( - + <> + +
+ I'm coming after you. + {/* + This is rendered behind the navbar, pushing the main page's + content downwards while keeping nav's fixed position. + */} +
+ > ); } diff --git a/styles/globals.scss b/styles/globals.scss index 747a051..2fafe2e 100644 --- a/styles/globals.scss +++ b/styles/globals.scss @@ -18,6 +18,9 @@ body { scrollbar-width: none; /* Firefox */ } +.navpusher { + height: 4rem; +} nav.main { z-index: 1; height: 4rem;