Next.js Discord

Discord Forum

Next or tailwind issue?

Unanswered
Silky ant posted this in #help-forum
Open in Discord
Silky antOP
not sure if this is a next, tailwind or me issue, but i cant possibly align my root layout properly

flex
  return (
    <ClerkProvider>
      <html lang="en">
        <body className={cn(inter.className, "tracking-tight")}>
          <ThemeProvider enableSystem attribute="class" defaultTheme="system">
            <Providers>
              <div className="flex min-h-screen flex-col justify-between bg-red-500 p-3 text-center">
                <Navbar sessions={sessions} />
                <div className="border-2">{children}</div>
                <div className="flex justify-end">
                  <ThemeChanger />
                </div>
              </div>
            </Providers>
          </ThemeProvider>
        </body>
      </html>
    </ClerkProvider>
  );


grid
return (
    <ClerkProvider>
      <html lang="en">
        <body className={cn(inter.className, "tracking-tight")}>
          <ThemeProvider enableSystem attribute="class" defaultTheme="system">
            <Providers>
              <div className="grid min-h-screen items-start bg-red-500 p-3 text-center">
                <Navbar sessions={sessions} />
                <div className="border-2">{children}</div>
                <div className="flex justify-end">
                  <ThemeChanger />
                </div>
              </div>  
            </Providers>
          </ThemeProvider>
        </body>
      </html>
    </ClerkProvider>
  );


grid wrapped in flex
              <div className="flex justify-around">
                <div className="grid min-h-screen items-start bg-red-500 p-3 text-center">
                  <Navbar sessions={sessions} />
                  <div className="border-2">{children}</div>
                  <div className="flex justify-end">
                    <ThemeChanger />
                  </div>
                </div>
              </div>


this is by far the weirdest behaviour i have ever seen, can anyone help?

0 Replies