place-items: center;

display종류에는 여러가지가 있는데 그중에서 grid속성에 대한 내용을 적어보려고 함

평소에 display:flex; 를 하고 정가운데 위치하려면 align-items: center;과 justify-content:center;

두가지를 부모에다 적어줘야 했는데, grid를 적어주고 부모에 place-items: center; 를 적어주면 해당 자식 요소가 가운데로 온다.

요새는 place-items: center; 을 활용하여 불필요한 태그를 줄이고 간단하게 사용 할 수 있다.

 

display: grid;

place-items: center; 외우기.

 

grid에서는 justify-items: center; 라고 적는다.

align-items: center;  은 동일