Inflearn Community Q&A

asked

Learn HTML, CSS, and web standards properly to get a job as a publisher

Web hosting setup & FTP file transfer

질문드립니다~!

Written on

236

모바일용 말고 반응형으로 코드 올려주실 수 있나요??

반응형으로 스스로 만들어 보긴했는데

잘 모르겠는 부분이

jquery로 toggle을 만들었는데 이걸 어떻게 풀어서

메뉴 위치에 넣어야하는지 모르겠구요

그리고 팀원 사진,소개를 inline-block을 줬습니다.

화면 사이즈를 줄일 때 4칸에서 3칸으로 줄어 들 때

웹디 서포트 보스맨 픽서

웹디 서포트 보스맨

픽서

이렇게 나오는데 특정 화면 사이즈 설정을 안주고

웹디 서포트

보스맨 픽서 이런식으로 나오게 할 방법은 없을까요??

설명을 너무 못해서 죄송하네요 ..ㅠㅠ

웹 디자인HTML/CSS

Answer 3

Questioner

늦은시간에 친절한 답변 너무 감사합니다~!

Instructor

답변이 되었을까요?
작업하신 파일을 보내주시면 좀 더 살펴볼 수 있을 것 같습니다.^^
webazit@naver.com

Instructor

반응형으로 작성할 때는 미디어쿼리를 사용하는데 각 사이즈별로 메뉴의 디자인을 css로 구현해야 합니다.
또 팀원 소개부분도 각 사이즈별로 해당 부분의 크기를 지정하면 나타나게 될 개 수를 표현할 수 있습니다.

최근엔 스타일을 Flex나 Grid 를 적용하는 경우가 있는데 레이아웃 작성이 더 편한 것 같습니다.
다음 링크에 반응형 웹 예제를 만들어 본 파일이 있는데 참고가 되었으면 좋겠습니다.
https://cafe.naver.com/wepub/7973

asked