일상의 기록 일상의 기록

드림코딩의 아래 영상을 보고 공부하며 적은 글에, 몇 자 더하여 작성한 글입니다 CSS Flexbox 완전 정리. 포트폴리오 만드는 날까지! | 프론트엔드 개발자 입문편: HTML, CSS, Javascript https://youtu.be/7neASrWEFEM 0. 기본 개념 1) 정렬을 위해 사용 2) 기본축과 반대축 (1) 기본축과 반대축은 고정되어 있는 것이 아니다. 현재 정렬 상태에 따라 바뀔 수 있다. 1. container에 적용되는 속성 - display: flex; - flex-direction: item을 어떤 방향(row/column)과 어떤 순서(-reverse여부)로 정렬할지 설정. - flex-wrap: 기본값은 nowrap; 한 줄이 다 차면 다음 줄로 넘어갈지 설정. reve..