DEV Community

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

Posted on • Edited 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

cfried profile image

How to learn HTML: 46 great sites, courses and books (all free)

Christian Fried -

divineisnotakid profile image

Exploring Nesting with Flexbox

Divine-Favour Daniel -

ashcodebd profile image

Building a tribute page

Ashraf Mahmood -

mike_andreuzza profile image

How to use the HTML output tag for displaying the result of a calculation.

Michael Andreuzza -