#CSS #Layout #Frontend

Centering Anything with Modern CSS Grid

The cleanest 2-line solution to perfectly center an element both vertically and horizontally.

Prashant Sharan

• July 26, 2026

Here is the cleanest way to center content vertically and horizontally in CSS Grid without absolute positioning math:

.center-container {
  display: grid;
  place-content: center;
  min-height: 100vh;
}