Discussion on: Centring an element on a page

[Davey]

Using FlexBox, a 3rd box can be centered on my example above with code like:

<div class="center-container">
    <div class="centered">I am a centered div using FlexBox</div>
</div>

.center-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.centered {
    width: 600px;
    height: 500px;
    background-color: aquamarine;
}

Thanks everyone for the advice.

[Jordan Kicklighter]

You bet, keep up the good work!