Modificación de CSS para la alineación correcta del banner

Hola, chicos. ¿Hay alguien que pueda ayudarme con la modificación de CSS?

Soy principiante en esto y no sé qué hacer.
Hice mi primer banner exactamente según las instrucciones (House Ad Templates). Sin embargo, el banner no está centrado en la página y está demasiado cerca del encabezado (ver captura de pantalla).

Me gustaría tener un espacio de al menos 10px entre el banner y el titular.
¿Alguien podría aconsejarme sobre cómo cambiar el código para eliminar estos dos defectos?

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

En banner-ad, puedes añadir:

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

3 Me gusta

¡Muchas gracias!

1 me gusta

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.