티끌모아 태산

.card-list { display: flex; flex-wrap: wrap; } .card-item { width: 50%; padding: 0 1rem; }위의 코드를 이용해서 카드 컨텐츠 사이에 간격을 주기위해 padding을 주면,외곽에도 padding이 적용되어 컨텐츠가 화면 끝까지꽉 차지 않는 모습이다 그럴때 부모 속성에 margin -1 을 적용하여 간단히 해결할 수 있다 .card-list { display: flex; flex-wrap: wrap; margin: 0 -1rem; } .card-item { width: 50%; padding: 0 1rem; }

https://developer.mozilla.org/ko/docs/Web/CSS/CSS_transitions/Using_CSS_transitions

https://m.blog.naver.com/suin2_91/221153043901 display속성(inline, block, none 차이), visibility 속성(visible, hidden, collapse 차이)플레이어 개발을 하다보니 display로 css를 수정해야 하는 경우가 생깁니다. 이 경우, 어떤 요소를 화면에 ...blog.naver.com