TailwindCSS Center Easily

index.js

export default function Home() {
  return (
    <div className="md:container md:mx-auto px-4">
      <div className="flex flex-col items-center justify-center h-screen">
        <h1 className="text-4xl font-bold">Hello World</h1>
      </div>
    </div>
  );
}