개발새발 로그

Grid는 두 방향인 가로와 세로로 된 레이아웃 시스템이다. 부모 요소인 div.container를 Grid Container(그리드 컨테이너)라고 부르고, 자식 요소인 div.item들을 Grid Item(그리드 아이템)이라고 부릅니다. 사용법 .container { display: grid; } grid-template-columns : 40% 60% : 40% 60%로 나눔 grid-template-columns: 4fr 6fr 이것과 동일하다. . item:nth-child(odd) : 홀수 자식들에게는 다른 속성을 줌 grid-gap :1 rem : 그리드마다 여백을 줌 ->갭을 쓰게 되면 40% 60%으로 했을 때 그 공간 이외에도 옆에 공간이 생겨서 가로스크롤이 생김 -> grid-templ..