기로그 기로그

화면을 구성할 때 flex 속성을 사용하면 유연하게 아이템을 배치할 수 있다. flex는 기본적으로 컨테이너 속성과 아이템 속성 두 가지로 나눠볼 수 있다. 컨테이너 속성 1️⃣display : flex; display의 값을 flex 로 선언해주면 플렉스 박스로 만들어 줄 수 있다. 컨테이너 안의 아이템들은 화면 해상도에 맞는게 유연하게 동작하게 된다. inline-flex값도 존재하지만 거의 사용되지 않는다. 컨테이너의 아이템들이 반응형으로 동작하지 않기 때문이다. 👉🏻flex : 컨테이너가 블록 속성을 갖는다. 👉🏻inline-flex : inline-block과 같은 속성을 갖는다. flex속성을 지정하면 아이템들은 가로 방향으로 배치되고, 따로 길이를 지정하지 않으면 content만큼만 차지하..