• 카테고리

    질문 & 답변
  • 세부 분야

    풀스택

  • 해결 여부

    미해결

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간 간격없이 균등하게 나줘져 적용된것 처럼 보입니다.  

답변 1

답변을 작성해보세요.

0

안녕하세요.

아무래도 말씀하신 부분은 해당 전체 코드를 다 확인하지 않고서는 저도 바로 어떤 부분이 문제라고 의견드리기는 무리가 있을 것 같아요. 제가 이런 경우에 도움이 될 수 있도록, 각 단계마다, 중간 단계의 코드들을 첨부로 드렸거든요. 그래서 지금 단계의 다음 단계의 프로젝트 또는 현 단계의 프로젝트의 코드를 작성하신 코드와 비교해보시면 어떠실까요? 그래서 어느 부분이 자신의 코드와 다른지를 찾아보시면, 문제를 찾을 수 있을 것 같습니다.

 

감사합니다.

ohwhy님의 프로필

ohwhy

질문자

2022.06.28

Beyond Compare로 비교해보니 class-card의 margin 1, 10px (원래는 margin 0, 10px)로 되어있었습니다. 그런데 margin 1, 10px와 margin 0, 10px의 차이는 class-card의 위아래 마진을 주고 안주고 차인데, 왜 카드간의 간격에 영향을 주는건지 잘 이해가 안됩니다.