Comment ajouter du HTML client après « post_1 » (partie 2)

Bonjour,

Vous devez utiliser du CSS pour réaliser cela. :slightly_smiling_face:

Dans la vue commune (CSS) Mobile et Bureau, ajoutez une largeur de 100 % à l’image.

#custom-ad {
  .custom-ad-link {
    img {
      width: 100%;
    }
  }
}

Dans la vue Bureau (CSS), ajoutez une largeur maximale à l’ID #custom-ad pour définir la largeur de la bannière identique à celle de l’avatar du sujet + du corps du sujet. Cela correspondra à la largeur de l’image à 100 %, ce que nous avons ajouté ci-dessus pour la vue commune.

#custom-ad {
  max-width: calc(45px + 690px + (11px * 2));
}

45px = Largeur de l’avatar du sujet
690px + (11px * 2) = Largeur du corps du sujet et les marges intérieures de 11px à gauche et à droite utilisées sur la classe .cooked.

Cela ressemblera à :arrow_down:

Vue Bureau (pleine largeur)


Vue Bureau (responsive)


Vue Mobile