Modification CSS pour un alignement correct de la bannière

Salut tout le monde. Quelqu’un peut-il m’aider avec la modification CSS ?

Je suis débutant et je ne sais pas quoi faire.
J’ai créé ma première bannière exactement selon les instructions (House Ad Templates). Cependant, la bannière n’est pas centrée sur la page et est trop proche de l’en-tête (voir capture d’écran).

Je voudrais avoir un espace d’au moins 10px entre la bannière et le titre.
Quelqu’un peut-il me conseiller sur la façon de modifier le code pour corriger ces deux défauts ?

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

Dans banner-ad, vous pouvez ajouter :

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

3 « J'aime »

Merci beaucoup !

1 « J'aime »

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