
[Web 부트캠프 2023] 8. 반응형 CSS 및 Flexbox
Web
2023. 1. 13. 23:11
Flexbox가 대체 뭐야? 페이지의 콘텐츠 상자 안에 아이템을 배치하는 데 쓰이는 일련의 속성이자 도구 일반적으로 컨테이너를 만들고 그 안에서 공간을 배분할 때 사용한다. 이 때, 창의 크기가 달라짐에 따라 유동성 있게 공간 배분의 법칙을 적용하는 것이 Flexbox이다. Flexbox를 이용하면 하나의 컨테이너 안에서 다양한 요소를 보기 좋게 배열하면서 레이아웃을 유연하게 조정할 수 있다. 컨테이너 안의 상자와 요소가 유연하게 변화하는 것이다. css 내에서 특정 컨테이너에 flexbox 속성을 부여하려면 다음과 같이 display 속성에 flex 값을 주면 된다. The Flex Model flexbox에는 다음과 같이 두 개의 축이 존재한다. 주축(main axis)의 기본 방향은 왼쪽에서 오른쪽..