import '@/styles/dist.css';
import React from 'react';

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html>
      <head>
        <title>kjuulh microblog</title>
      </head>
      <body className="box-border overflow-y-scroll bg-zinc-900">
        <div className="grid grid-cols-[1fr,min(800px,100%),1fr] px-6">
          <div className="col-start-2 space-y-6">{children}</div>
        </div>
      </body>
    </html>
  );
}