Gummibeer · September 10, 2019 20:07
diff --git a/index.html b/index.html
 <!doctype html>
 <html lang="en">
 <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <title>Tailwind Admin Dashboard</title>

    <link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
 </head>
 <body class="min-h-screen flex flex-col bg-white">

 <header>
    <nav class="block bg-gray-500 px-2 py-1">
        header content
    </nav>
 </header>

 <div class="flex flex-row flex-grow">
    <section class="bg-gray-400 p-2 whitespace-no-wrap">
        sidebar content
    </section>
    <section class="flex flex-col flex-grow">
        <main class="flex-grow p-2">
            main content
        </main>
        <footer class="px-2 py-1 bg-gray-200">
            footer content
        </footer>
    </section>
 </div>

 </body>
 </html>
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

	<title>Tailwind Admin Dashboard</title>

	<link href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css" rel="stylesheet">
	</head>
	<body class="min-h-screen flex flex-col bg-white">

	<header>
	<nav class="block bg-gray-500 px-2 py-1">
	header content
	</nav>
	</header>

	<div class="flex flex-row flex-grow">
	<section class="bg-gray-400 p-2 whitespace-no-wrap">
	sidebar content
	</section>
	<section class="flex flex-col flex-grow">
	<main class="flex-grow p-2">
	main content
	</main>
	<footer class="px-2 py-1 bg-gray-200">
	footer content
	</footer>
	</section>
	</div>

	</body>
	</html>