Next.js Discord

Discord Forum

nextjs + tailwind help

Unanswered
Holland Lop posted this in #help-forum
Open in Discord
Holland LopOP
so i want a navbar and footer and content in center that auto adjusts according to the screen(all three components) but everything i do feels kinda hacky

for example
1. with py- and px-
2. w-screen and h-screen this extends the page too much, i dont have enough content for that

so is there any standardized way to do this?

1 Reply

Ok, try this:

<div className="h-screen w-full flex flex-col">
  <header className=""></header>
  <main className="flex-1 flex flex-col"></main>
  <footer className=""></footer>
</div>