milanchheda · May 17, 2020 19:08 · cosecantt · Feb 15, 2020
diff --git a/sticky_footer_using_tainwindcss.html b/sticky_footer_using_tainwindcss.html
 <!DOCTYPE html>
 <html class='h-full'>
  <head>
    <meta charset='UTF-8'>
    <title>Sticky Footer Demo</title>
    <link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css" rel="stylesheet">
  </head>
  <body class='flex flex-col h-full'>
        <header>
            This is our header
        </header>
        <div id='content' class='flex-1 mx-auto p-8'>
            <h1>Sticky Footer Demo</h1>
            <p>
            Lorem ipsum dolor sit amet, consectetur adipiscing elit, <br />
            sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br />
            Ut enim ad minim veniam, quis nostrud exercitation ullamco.<br />
            Duis aute irure dolor in reprehenderit in voluptate velit esse. <br />
            Excepteur sint occaecat cupidatat non proident.
            </p>
        </div>
        <footer class='w-full text-center border-t border-grey p-4 pin-b'>
            This is our footer
        </footer>
  </body>
 </html>
	<!DOCTYPE html>
	<html class='h-full'>
	<head>
	<meta charset='UTF-8'>
	<title>Sticky Footer Demo</title>
	<link href="https://cdn.jsdelivr.net/npm/tailwindcss/dist/tailwind.min.css" rel="stylesheet">
	</head>
	<body class='flex flex-col h-full'>
	<header>
	This is our header
	</header>
	<div id='content' class='flex-1 mx-auto p-8'>
	<h1>Sticky Footer Demo</h1>
	<p>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit, <br />
	sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br />
	Ut enim ad minim veniam, quis nostrud exercitation ullamco.<br />
	Duis aute irure dolor in reprehenderit in voluptate velit esse. <br />
	Excepteur sint occaecat cupidatat non proident.
	</p>
	</div>
	<footer class='w-full text-center border-t border-grey p-4 pin-b'>
	This is our footer
	</footer>
	</body>
	</html>