CSS Flex
-
CSS display flex에 대해 알아보기Web-app/CSS 2023. 10. 27. 14:18
mozilla 사이트를 참조하여 display 옵션 중 flex에 대해 알아보았습니다 👩💻 flex layout이란? 1차원 layout model을 설계하는 layout module (row 또는 column을 다룸), 2차원 layout model을 다루는 grid layout과 대조적이며 항목간 공간 배분 및 정렬 기능을 제공합니다. ✔ flexbox 정의 방법 부모 container에 display: flex; 를 써줍니다. children은 flex item이 됩니다. container1 container2 container3 .container{ display: flex; flex-direction: column; } .box{ border: 3px black solid; padding: 8..