03/23 HTML/CSS grid 아이템 배치

 

그리드 속 아이템 배치

 

 

 

 

column이 두개 이상 존재할 때, grid 사용이 효율적이다

 

아이템이 없는 상태에서 트랙을 만들어놓고 사용할 수 있다는 장점

 

 

 

 

 

 

 

 

 

 

 

변화에 플렉스한 느낌을 줄 수 있다.

 

 

 

 

* 고정 크기 단위

 

 

 

minmax ( minimun값 , maximum값 )

 

 

 

 

 

 

 

고정크기를 최소로 더이상 줄지 않고 가변크기를 최대로 더이상 늘어나지 않음

 

100px이 최소 , 그 이상은 계속 늘어난다

 

10개의 박스가 최소 100px 최대 150px크기를 갖는다

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

그냥 gap 쓰면 된다