CSS flexbox centering

📝 CSS

atorres198 · 22d ago

Center any element both horizontally and vertically with this simple CSS flexbox snippet.

CSS

.container { display: flex; justify-content: center; align-items: center; min-height: 100vh; / optional: width: 100%; /
}

-1

marc61294 16d ago

This is the cleanest flexbox centering trick! 🔥 No more hacks for vertical alignment.

-1

jamesgarcia426 9d ago

Flexbox centering is the cleanest solution for this.