그리드

행 - 가로: grid-template-rows

열 - 세로: grid-template-columns

 

 

행 - 가로 1fr

grid-template-columns: repeat(몇줄, 크기);

열 - 세로 1fr

grid-template-rows: repeat(몇줄, 크기);

 

 

grid-template-rows: repeat(3, minmax(100px, auto));

크기 100px 확보하고 내용이 많아 

100px 넘어가면 알아서 늘어나도록 처리

 

 

-----

참고블로그

https://studiomeal.com/archives/533