# Modificação CSS para o alinhamento correto do banner

**URL:** <https://meta.discourse.org/t/css-modification-for-correct-banner-alignment/355612>\
**Category:** Development\
**Created:** [4 Março , 2025 10:14 UTC](https://meta.discourse.org/t/css-modification-for-correct-banner-alignment/355612 "2025-03-04T10:14:39Z")\
**Posts on this page:** 1\
**Showing post:** 1

<div class="post-metadata">

**Author:** ![Deenius](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deenius/32/369129_2.png) [@Deenius](https://meta.discourse.org/u/Deenius)\
**Post date:** [4 Março , 2025 10:14 UTC](https://meta.discourse.org/t/css-modification-for-correct-banner-alignment/355612/1 "2025-03-04T10:14:39Z")

</div>

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](https://meta.discourse.org/t/house-ad-templates/122004)). No entanto, o banner não está centralizado na página e está muito perto do cabeçalho (veja a captura de tela).

[![](https://global.discourse-cdn.com/meta/original/4X/9/7/6/9765f76fe477bf9b6736b4b34ff4d105f16fd05a.jpeg) ](https://global.discourse-cdn.com/meta/original/4X/9/7/6/9765f76fe477bf9b6736b4b34ff4d105f16fd05a.jpeg)

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?

```plaintext
    .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;
            }
        }
    }

```

---

_[View the full topic](https://meta.discourse.org/t/css-modification-for-correct-banner-alignment/355612)._