Sticky Flexbox Footer Example

/*HTML*/ <body class="Site"> <header>…</header> <main class="Site-content">…</main> <footer>…</footer> </body> /*CSS*/ .Site { display: flex; min-height: 100vh; flex-direction: column; } .Site-content { flex: 1; }

Be the first to comment

You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.