Sorry @fidalmathew
, I was wrong. Flex does require at least 2 properties set to align any number of items both vertically and horizontally and by default it will make a row of multiple items. Grid requires only 1 property. With 1 element to place both place-items and place-content do the same thing. With multiple items Grid will make a column, but it's place-content that does better job overall than place-items:
Sorry @fidalmathew , I was wrong. Flex does require at least 2 properties set to align any number of items both vertically and horizontally and by default it will make a row of multiple items. Grid requires only 1 property. With 1 element to place both
place-items
andplace-content
do the same thing. With multiple items Grid will make a column, but it'splace-content
that does better job overall thanplace-items
:No need to be sorry :), it was just your point. Thanks for sharing about "place content: center", got to learn something new. 😄