grid-template-columns - 열 정보

See the Pen template-columns by 정은 (@luchiaChoi) on CodePen.

비율에 맞춰서 동일하게 3열

 

See the Pen grid-template-columns-fr by 정은 (@luchiaChoi) on CodePen.

 

 

2번째 열 2/4 비율 너비

 

3열을 100px 너비로

repeat() 함수 이용하여3개의 열을 200px 너비로 지정

3개의 열은 200px 3 개의 열 100px 너비로

See the Pen grid-template-columns: repeat(3, 1fr) by 정은 (@luchiaChoi) on CodePen.