안녕하세요. 강의 쉽고 재밌게 설명해주셔서 잘 듣고 있습니다.[섹션0. 실습 1] 강의에서, 프로젝트 초기 세팅 중 하나로 css 전체 선택자를 통해 아래와 같이 margin, padding 값을 모두 reset하셨습니다.* { margin: 0; padding: 0; }전체 선택자로 원하는 속성값을 reset 하는 것이 정말 괜찮은 것인지 강의내용만으로는 해소가 안되 강사님의 추가설명을 요청하고자 합니다.강의 수강 전 직접 일기장을 만들었을 때, h1이나 p 태그들에 기본적으로 설정되어 있는 margin값 때문에 warpper에 padding값을 어떻게 설정하는게 좋을 지 고민이 많았고, 차라리 기본margin값이 없었으면 더 만들기 좋을 것이라고 생각했습니다.강의 수강 당시에는 좋은 방법이라고 생각했지만, 수강 중간에 갑자기 아래와 같은 생각이 들었습니다.- 아무런 고려 없이 단순히 모든 태그들의 특정 속성값을 리셋한다면, 초보자로서 예상치 못한 사이드이팩트로 큰 문제가 생기지 않을까?- 각 태그의 정체성을 잃어버리는 것은 아닐까?그래서 해당 주제로 몇몇 글을 찾아보며 내린 결론은 필요하다였습니다! 제가 찾은 결론의 근거로는,브라우저 호환성을 위해(링크)디자이너와의 원활한 협업을 위해(링크)의제인 속성값들의 변화로는 SEO나 웹 접근성에는 큰 문제가 없음(링크)성능에도 큰 차이가 없음(링크)입니다.제가 찾은 근거 외에 강사님이 생각하시거나, 경험했던 내용이 있으면 추가설명 부탁드립니다 :)

안녕하세요! 카드리스트를 만들때 .card-item 간 간격을 padding으로 설정하고, 그것을 감싸는 .card-list 에 마이너스 margin 값을 주어 처리하는 방법으로 안내를 주셨는데요, ( 그 밖에 container에 overflow: hidden 마지막에 설정)   혹시 이부분 .card-list에 gap 값을 지정해서 간격을 주면 마이너스 마진이나 다른처리가 필요없는것 아닌가 해서요..! 혹시 gap 을 사용하지 않는 이유가 있을지 궁금해서 여쭤봅니다..! (ie브라우저 이슈등이 있을지요.??)

안녕하세요! 강의 잘 보고 있습니다~!! 아래와 같이 <가상클래스 before after 가상클래스 활용한 실전 퍼블리싱 02> 해당 영상에서 padding 이 3번이나 사용되어 있습니다. 전에 영상에서 같은 속성을 중복해서 쓰면 마지막꺼에로 통합된다고 하셨는데, 어떻게 이해하면 좋을까요?ㅜㅜ .gnb {   list-style: none;   padding: 0;   padding: 0;   width: 600px;   background-color: #fff;   border-radius: 10px;   box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);   padding: 50px 30px;   display: flex; }

한 개의 item에 height와width를 설정 상태에서 margin/padding/border등을 주면, item크기가 어떻게 변하나요?   예를 들어 #item1의 크기를 height/width를 300px, 300px로 설정하고 padding을 30px로 준다고 하면, 330px, 330px이 되는 건가요? 아니면 300px, 300px은 변하지 않고 안에 padding이 생기는 건가요?   마찬가지로 border, margin을 30px씩 준다면 item1의 크기가 어떻게 변하는지 궁금합니다.