← Back to Gists

Flexbox centering

📝 CSS
sarah29966
sarah29966 · Level 9 ·

This snippet centers an element both horizontally and vertically within its parent using Flexbox.

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

Comments

1
timothy13181 timothy13181

Nice, that flexbox centering trick is a lifesaver. Clean and simple for any layout.