-
카테고리
-
세부 분야
풀스택
-
해결 여부
미해결
class card 간격 이슈
22.06.27 01:27 작성 조회수 297
0
안녕하세요 강사님,
강의 내용에 맞춰 잘 따라 코딩을 하고 있는데, 클래스 카드간의 사이 간격이 강사님 처럼 되지 않고 서로 붙어 있습니다. 여러가지 시도를 해 보았는데.. 잘 안되네요.. 뭐가 잘못 된거지 어떻게 하면 카드간 간격을 만들 수 있는지 알려 주시기 바랍니다.
그리고 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간 간격없이 균등하게 나줘져 적용된것 처럼 보입니다.
풀스택을 위한 탄탄한 프런트엔드 부트캠프 (HTML, CSS, 바닐라 자바스크립트 + ES6) [풀스택 Part2]
모던 HTML/CSS 로 상용화도 가능한 반응형 모던 웹페이지 만들기9
강의실 바로가기
답변을 작성해보세요.
0
잔재미코딩 DaveLee
지식공유자2022.06.28
안녕하세요.
아무래도 말씀하신 부분은 해당 전체 코드를 다 확인하지 않고서는 저도 바로 어떤 부분이 문제라고 의견드리기는 무리가 있을 것 같아요. 제가 이런 경우에 도움이 될 수 있도록, 각 단계마다, 중간 단계의 코드들을 첨부로 드렸거든요. 그래서 지금 단계의 다음 단계의 프로젝트 또는 현 단계의 프로젝트의 코드를 작성하신 코드와 비교해보시면 어떠실까요? 그래서 어느 부분이 자신의 코드와 다른지를 찾아보시면, 문제를 찾을 수 있을 것 같습니다.
감사합니다.
ohwhy
질문자2022.06.28
Beyond Compare로 비교해보니 class-card의 margin 1, 10px (원래는 margin 0, 10px)로 되어있었습니다. 그런데 margin 1, 10px와 margin 0, 10px의 차이는 class-card의 위아래 마진을 주고 안주고 차인데, 왜 카드간의 간격에 영향을 주는건지 잘 이해가 안됩니다.
답변 1