1분코딩1 Flexbox와 Grid * 유투브에 구독중인 1분코딩님의 CSS Flexbox와 CSS Grid, 한번에 정리! 영상을 보면서 정리한 글 flex 기본정리 컨테이너에 display : flex; 를 지정 flex-direction : 자리 설정 ,컨테이너에 디스플레이 설정 후 같이 설정 ( row, column ) flex-wrap : 창이 줄어들때의 고정 (wrap ) justify-content : 지금 현재 축 방향으로 정렬 ( 오뎅꼬치 생각하기 ) align-item : 현재 축의 수직 방향을 정렬하는 스타일 (flex-end, flex-start ,center) align-content : flex-wrap이 wrap 인 경우에 사용가능 flex-grow : 신축성있게 늘려주는 속성 .. 2021. 9. 24. 이전 1 다음 728x90 반응형