패딩이 정해져있는게 em 도 아니고 px로 고정되어 있는데 어떻게 조건문에쓰일수 있는지 궁금합니다.
어짜피 pc에서나 모바일에서나 같은 px로 나오는데 무슨 얘기인지 모르겠습니다
&nbsp;
<img title="xcvxcvxvxvv.jpg" src="https://cdn.inflearn.com/public/files/posts/fde42fe1-ea6b-4fbd-a336-1b60f4b655ba/xcvxcvxvxvv.jpg" alt="" width="386" height="278" />

padding이 현재 $padding에 50픽셀이 들어가 있습니다.
그런데 미디어 쿼리 구문 내에 조건문에 따라 20픽셀보다 작거나 같으면에 해당되지 않기 때문에 현재 패딩 값을 반드로 나누라는 조건문입니다. else에 해당됩니다.
조건문이나 반복문을 실전 예제로 작업하는 예제가 아니라서, 그냥 CSS에서 조건문 if를 사용할 수 있다는 정도로만 알아주세요.
SCSS를 활용해서 Flex, Grid를 기반으로 실전 포트폴리오 영상강의 준비하고 있으니까 그때 아마도 조건문을 실용적으로 활용하는 예제가 있을거라고 생각됩니다.

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

선생님 조건문관련 패딩에 관해 질문드립니다.