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

Cookie banner

<div style="
    /* Banner is displayed at the bottom */
    bottom: 0;
    left: 0;
    position: fixed;
    width: 100%;

    /* Center the content */
    align-items: center;
    display: flex;
    justify-content: center;
">
    <!-- Tells visitors that the website uses cookie -->
    <div style="
        /* Take available width */
        flex: 1;
    ">
        ...
    </div>

    <!-- Close button -->
    ...
</div>

Related patterns

Fixed at corner

Subscribe to the newsletter for the latest layouts or patterns. No spam. Ever!