반응형 웹페이지 만들다가 잘 모르겠어서 질문합니다.

Question

첫번째 사진처럼 이미지들을 텍스트 아래에 넣고 싶은데 지금 현재는 두번째 사진 상태입니다. 마지막 사진은 미디어쿼리 부분에 제가 입력한 내용입니다. 아직 flex를 배운지 얼마 되지 않아 적용하는데 어려움을 겪고 있으니 아시는 분들은 대답해주시면 감사하겠습니다.ㅠㅠ

state · Answer

text랑 image같이 묶는 box에서 display: flex, flex-direction : column; 하면될듯요?

kkag**** · Answer

답변 감사합니다!그런데 말씀하신대로 하니 텍스트 아래로 이미지가 들어가긴 했지만 수평이 아니라 수직으로 정렬이 되네요ㅠㅠ

state · Answer

텍스트아래로 이미지 들어갔으면 이미지가 수평이 되려면 이미지 box에 display: flex 하면되요님... display: flex가 뭐하는건지 알고쓰셔야할것같은데요..무작정 따라하시지마시고 https://studiomeal.com/archives/197

kkag**** · Answer

flex 강의를 짧게 듣고 개념을 간단하게 이해는 했는데 아직 제가 완전히 파악하지는 못한 것 같네요ㅜㅜ응용하기가 어려워서 좀더 공부를 해야 할 것 같습니다. 답변 감사드리고 즐거운 하루 되시길 바랄게요 :)

PSK · Answer

텍스트랑 이미지를 감싸고 있는 컨테이너에 flex-wrpa:wrap 한번 해보세요

5개의 답변