DEV Community

Cover image for How to center an element horizontally and vertically with CSS
Nicolás Vazquez
Nicolás Vazquez

Posted on

How to center an element horizontally and vertically with CSS

.container {
    display: grid;
    place-items: center;
}
Enter fullscreen mode Exit fullscreen mode

It was pretty easy, right? In just two lines of code you can center an element both vertically and horizontally.

See you!

Top comments (0)