반응형
-
[Flexbox] flex-grow, flex-shrink, flex-basis(feat. responsible)개발/HTML CSS 2022. 8. 9. 16:12
플렉스를 이용하면 창 크기에 맞게 컨텐츠 크기가 자연스럽게 변하도록 비교적 간단하게 레이아웃을 만들 수 있습니다. 미디어 쿼리를 이용하면 반응형 디자인도 어렵지 않게 가능합니다. 일단 플렉스의 기본 동작을 보겠습니다. 플렉스 아이템을 감싸고 있는 영역을 컨테이너라고 합니다. // index.html Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt rem quibusdam neque temporibus aut recusandae a repellat placeat. Qui deleniti itaque aut nulla, amet inventore optio praesentium quaerat? Necessitatibus, dolor! c..