Tailwind layout screen full height

layout-h-screen.tsx

export default function HomePage() {
	return (
		<div className="min-h-screen flex flex-col h-screen">
			<header className="bg-red-50">Header</header>
			<div className="flex-1 flex flex-row overflow-y-hidden">
				<main className="flex-1 bg-indigo-100 overflow-y-auto">Content here</main>
				<nav className="order-first sm:w-32 bg-purple-200 overflow-y-auto">Sidebar</nav>
				<aside className="sm:w-32 bg-yellow-100 overflow-y-auto">Right Sidebar</aside>
			</div>
			<footer className="bg-gray-100">Footer</footer>
		</div>
	);
}