Grid에서도 마찬가지로 ailgn 기능과 justify 기능을 사용할 수 있다. justify-items는 수평, align-items는 수직이다.

스크린샷 2022-07-06 오후 2.03.15.png

스크린샷 2022-07-06 오후 2.03.18.png

이 두 개의 속성을 모두 설정하면 정해진 범위안에서 축소하는 것을 알 수 있다. default 값은 stretch이고 정해진 범위를 꽉 채운 게 기본 값이다.

하지만 만약 이 사각형의 크기를 정한다면 align,justify의 속성을 stretch로 한다고해도 변하지 않는다.

스크린샷 2022-07-06 오후 2.05.01.png

스크린샷 2022-07-06 오후 2.05.06.png

그리고 이 두개를 따로따로 쓰기가 힘들다면 우리는 축약형으로 이걸 쓸 수가 있다.

스크린샷 2022-07-06 오후 2.05.22.png

place-items:[수직][수평]

이렇게 설정하면 한번에 설정할 수 있다.