CSS flex-grow1 CSS 쉽게 배우기 | 플렉스 박스 (Flex-Box) CSS flex-box (플렉스 박스)로 반응형 디자인을 만들어 보자 안녕하세요 이번 편에서는 flex-box (플렉스 박스)를 알아볼 건데요 디스플레 이방 식중 하나로 반응형 디자인에서 많이 사용되는 방식입니다 이 디스플레이 방식의 장점은 지정된 요소들이 브라우저의 크기에 따라서 자동으로 재배치된다는 점입니다 플렉스 박스를 사용하려면 적용하고 싶은 요소들, 그리고 그 요소들을 하나로 묶어둘 컨테이너가 필요합니다 그럼 하나하나씩 살펴볼까요? display: flex 먼저 컨테이너의 디스플레이를 플렉스로 바꿔줍니다 그러면 이 컨테이너 안의 요소들을 여러 플렉스 속성을 사용해서 정렬할 수 있습니다 *중요! 플렉스 컨테이너 안의 모든 요소에 적용되지 않습니다. 컨테이너의 자식 요소들한테만 적용됩니다* .con.. 2021. 2. 15. 이전 1 다음 반응형
