auto-fit1 03/15 HTML/CSS Grid 레이아웃 Grid 레이아웃 grid 시스템을 이해하려면 반응형이 무엇인지 알아야 한다. 그리드 시스템을 사용하면 픽셀이 아니라 column의 개수로 바꿔 씀 Gutter : column 사이의 간극, gap Grid Track #1 고정크기 트랙(column)만들기 -> 격자형을 만드는 것에 포커스를 맞추자 ↓ 칸 만들기 Grid Track #2 가변크기 트랙(column)만들기 대략적인 비율로 크기를 정해놓아야지 px로 박아버리면 반응형 만들 수 없어 fr -> 그리드 시스템에서의 한 조각, 여백을 나눠가진 것이 아님 여백이 아니고 화면을 똑같이 나눠서 몇조각씩을 가질 것인지.. flex-grow : 여백의 크기에 컨텐츠의 크기까지 합쳐져서 크기가 똑같이 배분되지 않음 Grid Track #3 repeat를 이.. 2021. 3. 15. 이전 1 다음
