class card 간격 이슈
410
작성한 질문수 34
안녕하세요 강사님,
강의 내용에 맞춰 잘 따라 코딩을 하고 있는데, 클래스 카드간의 사이 간격이 강사님 처럼 되지 않고 서로 붙어 있습니다. 여러가지 시도를 해 보았는데.. 잘 안되네요.. 뭐가 잘못 된거지 어떻게 하면 카드간 간격을 만들 수 있는지 알려 주시기 바랍니다.
그리고 class-card의 margin: 0 10px; 와 box-shadow: 10px 10px 10px -5x; 가 class-container에 영향을 미치는데, class-image에는 아무것도 적용이 안되는 것 같고, hover가 작동될때만 image에 shaodw가 적용됩니다. 또 card와 image의 width 240px의 적용이 안되고 마치 그냥 inner의 width 100%에 따라 각 card간 간격없이 균등하게 나줘져 적용된것 처럼 보입니다.
답변 1
0
안녕하세요.
아무래도 말씀하신 부분은 해당 전체 코드를 다 확인하지 않고서는 저도 바로 어떤 부분이 문제라고 의견드리기는 무리가 있을 것 같아요. 제가 이런 경우에 도움이 될 수 있도록, 각 단계마다, 중간 단계의 코드들을 첨부로 드렸거든요. 그래서 지금 단계의 다음 단계의 프로젝트 또는 현 단계의 프로젝트의 코드를 작성하신 코드와 비교해보시면 어떠실까요? 그래서 어느 부분이 자신의 코드와 다른지를 찾아보시면, 문제를 찾을 수 있을 것 같습니다.
감사합니다.
0
Beyond Compare로 비교해보니 class-card의 margin 1, 10px (원래는 margin 0, 10px)로 되어있었습니다. 그런데 margin 1, 10px와 margin 0, 10px의 차이는 class-card의 위아래 마진을 주고 안주고 차인데, 왜 카드간의 간격에 영향을 주는건지 잘 이해가 안됩니다.
교육기간을 연장할 수 있는지 문의드립니다.
0
54
1
메일 확인부탁드립니다
0
69
1
CodeSandbox Vanilla 질문있습니다
0
70
1
part1을 수강하지 않아도 지장이 없다 하셨는데
0
120
1
강의에 관해 문의 드립니다.
0
107
1
메일확인 부탁드립니다.
0
97
1
14강 - 72,73번 강의 영상이 동일한거 같습니다.
0
118
1
Symbol 관련 테스트 코드 실행 결과 문의
0
153
1
호환성 관련 태그
0
126
1
강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요
0
157
1
강의화면은 index.js인데 왜 샌드박스코드에서는 index.mjs인지 궁금해요
0
154
1
div id="highlighter"가 강의화면에는 없는데 왜 샌드박스파일에는 있는지 궁금해요
0
94
1
강의화면에 height 가 vh가 아닌 vw라고 나와있는데 뭐가맞는거죠
0
129
1
메일 확인 부탁드립니다.
0
155
1
메일 확인 부탁드립니다
0
155
1
특별한 형태의 javascript배열에서
0
146
1
메일 확인부탁드립니다!
0
170
1
codesandbox 업데이트..
0
153
1
pdf 파일에 있는 링크주소로 들어가지지가 않습니다.
0
275
2
강의에서 알려주신 Properties for the flex container 복습 사이트, 검색 발견되어서 공유드립니다~
0
160
1
removeEventlistener 를 왜 해주어야 하는지
0
234
1
100vw 관련 질문
0
349
2
VS CODE html:5 <tab>기능이 안됩니다
0
362
1
[모던웹페이지 만들기9](1:40)class-desc 카드부분관련
0
257
2