CSS-Änderung für korrekte Banner-Ausrichtung

[Deenius (Daniel Jurnik)]

Hallo Leute. Kann mir jemand bei der CSS-Modifikation helfen?

Ich bin ein Anfänger und weiß nicht, was ich tun soll.

Ich habe mein erstes Banner genau nach den Anweisungen erstellt (House Ad Templates). Allerdings ist das Banner nicht mittig auf der Seite und ist zu nah am Header (siehe Screenshot).

Ich hätte gerne einen Abstand von mindestens 10px zwischen dem Banner und der Überschrift.

Kann mir jemand bitte Ratschläge geben, wie ich den Code ändern kann, um diese beiden Mängel zu beheben?

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

[Arkshine]

In banner-ad, you can add:

place-self: center;
margin: 1em 0;

[Deenius (Daniel Jurnik)]

Vielen Dank!