Clloud's devlog

이번 포스팅에서는 CSS 속성 중 하나인 Flex 컨테이너에 대하여 공부를 해보고자 한다. Flex 컨테이너란 Flex 컨테이너는 웹 개발에서 사용되는 반응형 디자인을 구현하기 위한 CSS 속성 중 하나다. Flexbox 레이아웃 모델을 사용하여 요소들을 유연하게 정렬하고 배치하는 데 도움을 준다. Flexbox는 요소를 행 또는 열의 형태로 배치하고, 각 요소의 크기와 간격을 조정할 수 있는 강력한 도구다. Flex 컨테이너는 부모 요소에 적용되는 CSS 속성이다. 아래는 Flex 컨테이너를 구성하는 주요 속성들에 대한 설명입니다: display Flex 컨테이너를 정의하기 위해 display: flex 또는 display: inline-flex를 사용한다. display: flex는 블록 수준의 컨..

이번 포스팅에서는 CSS3에서 flex 태그에 대하여 공부를 해보고자 한다. flex 태그란 flex는 CSS3의 속성 중 하나로, 유연한 박스 모델(flexible box model)을 생성하는 데 사용된다. 이를 통해 요소들을 좀 더 유연하게 정렬하고 배치할 수 있다. flex 속성은 부모 요소에 적용되며, 그 자식 요소들에게 유연한 동작을 제공한다. 부모 요소에 display: flex;를 적용하면, 해당 요소와 그 자식 요소들은 flex 컨테이너가 되며, 내부의 자식 요소들은 flex 아이템이 된다. flex 속성 flex 속성은 아래와 같은 세 가지 속성으로 구성된다. flex-grow 아이템의 확장 비율을 설정한다. 값은 양의 정수로 지정하며, 기본값은 0이다. flex-grow 값이 클수록 ..