초보 개발자

grid-box안에 item을 20개 만들어 두고 grid는 3 x 3으로 9칸만 정의해보자 그럼 나머지 11칸은 어떻게 될까? 나머지 11개는 아래(row)로 추가가 된다. 이 때 column은 적용이 되지만 row는 적용이 되지 않는다. 이때 grid-auto-rows라는걸 사용하면 된다. 즉 우리가 만든 grid보다 더 많은 content가 들어온다면 우리가 따로 rows를 추가로 지정해주지 않아도 자동으로줘서 row를 생성하는 것이다. 잘 적용된 것을 확인할 수가 있다. row크기는 처음 지정해준 크기와 다르게하면 다르게 나타나기에 같은 값으로 지정해 주는 것이 좋다. 곰곰이 생각해보면 굳이 따로 rows를 지정해주지 않아도 상관없을 것 같기도 하다?? 즉 grid-template-rows를 주지..