안녕하세요. 오늘은 CSS Grid에 대해 알아볼게요. CSS GridGrid는 웹 페이지에서 2차원 레이아웃(행, 열 모두)을 쉽게 설계할 수 있는 CSS 레이아웃 시스템이에요. Grid는 컨테이너(container)와 아이템(item)으로 구성돼요. 컨테이너와 아이템이 나오니 딱 생각하는 레이아웃이 있는데요. 바로 Flex box에요. 이 두 레이아웃의 차이점은 Flex box는 1차원(행 or 열)이지만 Grid는 2차원으로 행 열 모두 다루는 레이아웃이랍니다. 다음은 기본 구조 예시와 Grid 단위 표예요..container { display: grid; /* Grid 활성화 */ grid-template-columns: 100px 200px 1fr; /* 열 정의 */ grid-templ..
