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

anjitpariyar profile image

CSS Art Challenge - MOMO

anjit pariyar -

dukeoketex profile image

Implementing Dark Mode in Web Design: Enhancing User Experience

Ndubuisi Jephthah -

kaustav1810 profile image

Turn a chicken wrap into css art!!

Kaustav Banerjee -

vivitt profile image

DEV Challenge: a Pure CSS Alfajor

Viviana Yanez -