안녕하세요. 강사님 min width 질문입니다.

Question

안녕하세요. 열심히 수강중인 수강생입니다. 강의를 듣던 중 문득 궁금한 사항이 생겨서 질문 드립니다.   min width를 정할 때 특정값(?) 이랄까요 어떤 기준값에서 여백을 빼서 정의하시는 것 같앗는데 그 값의 기준은 어떤걸까요?   강의를 기준으로 말하자면 8분 23초 ~ 강사님께서 320 에서 16 * 4를 빼시는데 사실 이 부분이 이해가 잘 가지 않았습니다.   320 이라는 값도 16을 4개나 빼는것도 왜그런지 다시 설명해주실 수 있으실까요 ㅜㅜ

bolduxlab · Answer

Tndms1027 안녕하세요, 질문 주셔서 감사합니다.   강의에서 제가 “줄여졌을 때 좋다”라고 다소 두리뭉실하게 설명드렸는데, 보다 명확하게 말씀드리면 추후 화면이 모바일처럼 작아졌을 때를 고려해 값을 정하는 것 입니다.   아래 첨부된 이미지처럼 양쪽 여백을 보시면, 바깥쪽 여백(outer margin) 과 박스 안쪽 여백(inner padding) 이 함께 존재하는 것을 확인하실 수 있습니다.   이 여백들을 기준으로 계산하면, • 바깥 여백이 16px씩 양쪽 이므로 → 16 × 2 • 박스 안쪽 여백까지 함께 고려하면 16px이 양쪽으로 2번씩 들어가게 되어 → 16 × 4 라는 값이 나오게 됩니다.   반응형은 고려해야 할 요소들이 많아서, 제가 처음부터 더 명확하게 설명드렸어야 했는데 부족했던 점 죄송합니다. 이번 설명이 궁금하셨던 부분을 해결하는 데 도움이 되었으면 좋겠습니다. 😊   추가로 답변이 늦은 점 죄송합니다. 인프런 쪽에서 데스크탑에서 질문 답하기, 보내기가 최근 몇일 동안 아예 먹통이 되었네요.