</>

CSS - How to center element both horizontally and vertically

Ján Vorčák

@jvorcak

css flexbox css grid

I often find myself do a Google search for this. So the following snippet demonstrates how to do this.

.wrapper {
   display: flex;
   align-items: center;
   justify-content: center;
}

.wrapper {
   display: grid;
   place-items: center;
}