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:
Flex also aligns vertically and horizontally :)
🤔
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-itemsandplace-contentdo the same thing. With multiple items Grid will make a column, but it'splace-contentthat 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. 😄