This is my claim: we, as a civilization, forgot how to center things. I mean, we know how to do it. It has never been simpler: display: flex; justify-content: center; /* Horizontal centering */ align-items: center; /* Vertical centering */ (don’t ask why you need to remember four words instead of just horizontal/vertical, it’s still better than before) Or you can use grids if you want: display: grid; justify-items: center; /* Horizontal centering */ align-items: center; /* Vertical centering */ ...