<div class="page-wrapper">
<header class="site-header">Header</header>
<main class="site-content">
<h1>Page Content</h1>
<p>This content is short, but the footer stays at the bottom.</p>
</main>
<footer class="site-footer">Footer Content</footer>
</div>
Back to Snippets
Simple Sticky Footer CSS
Keep your footer at the bottom of the page, even if the content is short. We use Flexbox to push the footer down, so your layout always looks full and complete regardless of the page length.
274