CSS Layout - Most popular layouts and patterns that can be built with CSS | Product Hunt Embed
.home
~
.explore

Sticky header

Try to scroll the main content to see the header sticks to the top of page.
<div>
    <header style="
        position: sticky;
        top: 0;
    ">
        ...
    </header>
    <main>
        ...
    </main>
</div>
Subscribe to the newsletter for the latest layouts or patterns. No spam. Ever!