🚀 grid ? 가로, 세로를 정렬하는 레이아웃 시스템 - 그리드를 사용전 , 알아야할 내용! 그리드 라인 : 그리드 셀을 구분하는 선 , 가로 세로 번호가 매겨진 선을 잘 보고 따라옵시다! 1. template 열,행의 넓이, 높이를 설정한다. ( 우리가 표를 작성할때 몇행, 몇열로 작성할 지 정하는것 처럼!) grid-template-columns // 열의 넓이 결정 gird-template-rows // 행의 높이 결정 // repeat (적용할 트랙의 갯수 , 반복수치) 2. gap : 말 그대로 간격을 뜻한다 row - gap : 행사이 간격 column-gap : 열사이 간격 grid-gap : 행,열사이 간격 gap : 행,열사이 간격 (IE 지원하지 않음) [예제] - 0.5배로 보세요...
