Flexbox로 반응형 레이아웃 만들기

CSS Flexbox를 활용하여 화면 크기에 따라 유연하게 변하는 레이아웃을 만듭니다.

Flex 컨테이너 설정

display: flex와 주요 속성인 justify-content, align-items를 설명합니다.

반응형 카드 레이아웃

flex-wrap을 사용한 자동 줄바꿈 카드 그리드를 만듭니다. 마크다운 편집은 마크다운 에디터가 편리합니다.

미디어 쿼리 조합

Flexbox와 미디어 쿼리를 조합하여 완성도 높은 반응형을 구현합니다.