DEV Community

Cover image for 👋 Just a single CSS line for a perfect center layout
Aslam Shah
Aslam Shah

Posted on • Updated on

👋 Just a single CSS line for a perfect center layout

#css #layouts #html

place-items is a shorthand property for align-items and justify-items and can be used to perfectly center elements. 

  display: grid;
  place-items: center;
Enter fullscreen mode Exit fullscreen mode

Browser Support
MDN Docs

Live in Action:

Top comments (0)

Read next

kaja_uvais_a8691e947dd399 profile image

Top 3 Free Web Development Courses with Certificate

Kaja Uvais -

leemeganj profile image

Creating custom mouse cursors with CSS

Megan Lee -

ridoy_hasan profile image

Tailwind CSS and Dark Mode

Ridoy Hasan -

creativetim_official profile image

8 Tailwind CSS List Components [Free & Open-Source]

Creative Tim -