About Centering a Div in 2024

Not sure how to center a <div> horizontally and vertically? Here is how:

The CSS:

body {
    height: 100vh;    
    display: grid;
    place-items: center;
}

The HTML:

<body>
    <div>
        The site is down for maintenance.<br />
        Please check back soon!
    </div>
</body>

For Django-based SaaS projects.

Django App for You

For Django websites that use cookies.

Django App for You

Learn how to build practical web projects with Django 3.

It's not for everyone, but it might be for you!