루체

우선 설명을 드리기 전에 html과 css에 이렇게 작성을 해주세요. 물론 필수적인 것은 아닙니다.. 작성을 하고 코드의 결과인 웹페이지를 바로 캡쳐해서 코드 아래에 적겠습니다.. 이미지가 동일한 것은 양해 부탁드립니다. 이미지가 없네요ㅠㅠ 이 코드에서 아이템들을 정리하는데 flex를 우선적으로 사용을 해보겠습니다. container에 flex를 적용을 해줍니다. 적용을 하면 그 안에 자식들이 배치가 된다 이런 개념이다. 아이템의 개수만큼 알아서 이렇게 만들어지게 됩니다. 딱 봐도 column 레이어드 만들 때 편해보이네요. width는 자기 content만큼 가져가는 것을 확인하실 수 있습니다.display:inline과 비슷합니다! 이게 display : flex의 기본 동작입니다. flex-dire..