Skip to content

Instantly share code, notes, and snippets.

@MariaJackson1

MariaJackson1/Flexbox – Vertical and Horizontal Centering

Last active August 8, 2022 20:57
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save MariaJackson1/164c28f794febacc63151be995d2efaa to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save MariaJackson1/164c28f794febacc63151be995d2efaa to your computer and use it in GitHub Desktop.
Download ZIP
Flexbox Vertical and Horizontal Centering
Raw
Flexbox – Vertical and Horizontal Centering
<div class="box">
<div>Dior</div>
</div>
.box {
display: flex;
align-items: center;
justify-content: center;
height: 35em;
}
.box div {
font-family: 'Times New Roman';
font-size: 10rem;
font-weight: 400;
letter-spacing: 2px;
text-transform: uppercase;
color: #000;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment