About Centering a Div in 2023

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>

Web Design Development HTML5 CSS3

For Django websites that use cookies.

my dev product

Learn how to build practical web projects with Django 3.

Helps make difficult choices at ease.

For you and your best friends.