Olá, pessoal. Alguém pode me ajudar com modificações em CSS?
Sou iniciante nisso e não sei o que fazer.
Fiz meu primeiro banner exatamente de acordo com as instruções (House Ad Templates). No entanto, o banner não está centralizado na página e está muito perto do cabeçalho (veja a captura de tela).
Gostaria de ter um espaço de pelo menos 10px entre o banner e o título.
Alguém poderia me aconselhar sobre como alterar o código para remover esses dois defeitos?
.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;
}
}
}
