due to the "sticky" nature of the navigation bar used in the site content would get pushed under it and hidden another element with the height of the navbar has been added that now fixed this issue
32 lines
648 B
JavaScript
32 lines
648 B
JavaScript
import Link from "next/link";
|
|
import { GractwoLogo } from "./GractwoLogo";
|
|
|
|
export default function Home() {
|
|
return (
|
|
<>
|
|
<nav className="main">
|
|
<GractwoLogo className="logo" />
|
|
<Link href="/">
|
|
<a>Główna</a>
|
|
</Link>
|
|
<Link href="">
|
|
<a>Rankingi</a>
|
|
</Link>
|
|
<Link href="/o-gractwie">
|
|
<a>O Gractwie</a>
|
|
</Link>
|
|
<Link href="">
|
|
<a>Zaloguj się</a>
|
|
</Link>
|
|
</nav>
|
|
<p className="navpusher">
|
|
I'm coming after you.
|
|
{/*
|
|
This is rendered behind the navbar, pushing the main page's
|
|
content downwards while keeping nav's fixed position.
|
|
*/}
|
|
</p>
|
|
</>
|
|
);
|
|
}
|