Full background

CSS Layout - Most popular layouts and patterns that can be built with CSS | Product Hunt Embed
<div style="
    /* Center the content */
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;

    /* Take full size */
    height: 100vh;
    width: 100%;

    /* Background */
    background: url("/assets/full-background.jpeg") center center / cover no-repeat;

Related patterns

Video background

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