인프런 커뮤니티 질문&답변

작성한 질문수

기초부터 실무까지 제대로 배우는 피그마 UI 디자인 클래스

자주하는 질문, 뉴스레터 구독하기 섹션 만들기

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

작성

안녕하세요. 열심히 수강중인 수강생입니다.

강의를 듣던 중 문득 궁금한 사항이 생겨서 질문 드립니다.

min width를 정할 때 특정값(?) 이랄까요 어떤 기준값에서 여백을 빼서 정의하시는 것 같앗는데 그 값의 기준은 어떤걸까요?

강의를 기준으로 말하자면 8분 23초 ~ 강사님께서 320 에서 16 * 4를 빼시는데 사실 이 부분이 이해가 잘 가지 않았습니다.

320 이라는 값도 16을 4개나 빼는것도 왜그런지 다시 설명해주실 수 있으실까요 ㅜㅜ

답변 1

지식공유자

Tndms1027

안녕하세요, 질문 주셔서 감사합니다.

강의에서 제가 “줄여졌을 때 좋다”라고 다소 두리뭉실하게 설명드렸는데, 보다 명확하게 말씀드리면 추후 화면이 모바일처럼 작아졌을 때를 고려해 값을 정하는 것입니다.

아래 첨부된 이미지처럼 양쪽 여백을 보시면,

바깥쪽 여백(outer margin)과 박스 안쪽 여백(inner padding)이 함께 존재하는 것을 확인하실 수 있습니다.

이 여백들을 기준으로 계산하면,

• 바깥 여백이 16px씩 양쪽이므로 → 16 × 2

• 박스 안쪽 여백까지 함께 고려하면 16px이 양쪽으로 2번씩 들어가게 되어 → 16 × 4

라는 값이 나오게 됩니다.

반응형은 고려해야 할 요소들이 많아서, 제가 처음부터 더 명확하게 설명드렸어야 했는데 부족했던 점 죄송합니다.

이번 설명이 궁금하셨던 부분을 해결하는 데 도움이 되었으면 좋겠습니다. 😊

추가로 답변이 늦은 점 죄송합니다. 인프런 쪽에서 데스크탑에서 질문 답하기, 보내기가 최근 몇일 동안 아예 먹통이 되었네요.

작성한 질문수