여러분, 안녕하세요. CSS 수정에 대해 도움을 주실 분이 있을까요?
저는 이 분야 초보라서 어떻게 해야 할지 모르겠습니다.
설명서(House Ad Templates)에 따라 제 첫 번째 배너를 정확히 만들었습니다. 하지만 배너가 페이지 중앙에 정렬되지 않고, 헤더에 너무 가깝게 보입니다(스크린샷 참조).
배너와 제목 사이에 최소 10px의 간격을 두고 싶습니다.
이 두 가지 문제를 해결하기 위해 코드를 어떻게 수정해야 하는지 조언해 주실 수 있을까요?
.banner-ad {
display: flex;
clear: both;
max-width: calc(#{$topic-body-width} + #{$topic-avatar-width} + (#{$topic-body-width-padding} * 2));
box-sizing: border-box;
img {
height: 100%;
&.desktop {
display: block;
}
&.mobile {
display: none;
}
}
}
@media only screen and (max-width: 672px) {
.banner-ad {
img.desktop, p {
display: none;
}
img.mobile {
display: block;
}
}
}
