meta viewport가 없으면 CSS 픽셀 기준이 모바일에서 어긋납니다.
반응형 웹 점검 흐름
반응형은 작은 화면을 별도 버전으로 만드는 일이 아니라, 같은 콘텐츠가 폭 변화에 맞춰 재배치되도록 기준을 세우는 일입니다.
01viewport
02fluid
03breakpoint
04media
width: 100%, max-width, 상대 단위로 기본 유연성을 확보합니다.
콘텐츠가 깨지는 지점에 맞춰 미디어 쿼리를 추가합니다.
이미지와 카드가 부모 폭을 넘지 않도록 max-width를 확인합니다.