flex1 FLEX를 이용한 반응형 줄변경 list페이지 디자이너 분이 오늘 갑자기 flex로 작업하는거에 궁금한 부분을 물어봤는데 설명하려고 간단한 예시를 만들었고, 블로그에 기록해두면 괜찮을것같아서 글을 남기게 되었다. 요청사항은 이러했다. 1. 반응형으로 작업을 한다. 2. ul li에는 이미지, 타이틀, 날짜 가 들어간다. 3. 타이틀은 들어가는 줄이 각기 다르고 li는 가장 긴것 기준으로 높이가 통일된다. 4. 날짜는 li영역 하단에 위치하게된다. 우선 설명으로 보여준 코딩은 이러했다. See the Pen Untitled by 권준희 (@kjhto46) on CodePen. 설명을 하자면 1. ul에 flex를 적용해 'align-items:stretch'를 통해 가장 긴것 기준으로 늘렸다. 2. li로 바로 작업이된다면 height가 자동으로 st.. 2023. 7. 21. 이전 1 다음