lesson1Title

lesson2Title

`CSS Grid`는 웹 페이지를 행과 열 두 방향으로 디자인하기 위한 2차원 레이아웃 시스템입니다. 이를 통해 복잡한 레이아웃 설계가 가능해집니다.

`Flexbox`는 웹 페이지의 아이템들을 한 방향(행 또는 열)으로 정렬하고 배치하기 위한 1차원 레이아웃 시스템입니다. 그리드 시스템보다 간단한 레이아웃에 적합합니다.

`minmax()` 함수는 그리드 아이템의 크기를 지정할 때 사용되며, 아이템의 최소 크기와 최대 크기를 정의합니다. 이를 통해 반응형 디자인에서 유연한 레이아웃을 구성할 수 있습니다.

`auto-fit` 속성은 그리드 컨테이너의 가용 공간에 따라 가능한 많은 열을 자동으로 채우는 기능을 제공합니다. 이는 반응형 디자인에서 그리드 아이템들이 컨테이너의 너비에 따라 동적으로 재배치되도록 도와줍니다.