소개
이 프로젝트에서는 CSS Flexbox 를 사용하여 유연한 카드 레이아웃을 만드는 방법을 배우게 됩니다. 유연한 카드 레이아웃은 웹 페이지 및 애플리케이션에서 흔히 사용되는 디자인 패턴으로, 콘텐츠가 반응형이고 적응 가능한 그리드와 같은 구조로 표시됩니다.
👀 미리보기
🎯 과제
이 프로젝트에서는 다음을 배우게 됩니다.
- 유연한 상자로 레이아웃할 요소를 선택하는 방법
- 유연한 컨테이너 내에서 flex 항목의 래핑을 제어하는 방법
- 주 축에서 flex 항목의 위치를 제어하는 방법
🏆 성과
이 프로젝트를 완료하면 다음을 수행할 수 있습니다.
- CSS Flexbox 를 사용하여 반응형 및 유연한 레이아웃을 생성할 수 있습니다.
- 유연한 컨테이너 내에서 flex 항목의 동작을 제어하기 위한 기술을 적용할 수 있습니다.
- 주 축을 따라 flex 항목을 배치하고 분배하기 위한 전략을 구현할 수 있습니다.
