Como adicionar HTML personalizado após "post_1" (parte 2)

Olá,

Você precisará usar um pouco de CSS para fazer isso. :slightly_smiling_face:

Na visualização Comum (CSS) para Mobile e Desktop, adicione uma largura de 100% à imagem.

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

Na visualização Desktop (CSS), adicione uma largura máxima ao ID #custom-ad para definir a largura do banner igual à do avatar do tópico + corpo do tópico. Isso corresponderá à largura de 100% da imagem que adicionamos acima na configuração comum.

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

45px = Largura do avatar do tópico
690px + (11px * 2) = Largura do corpo do tópico e o preenchimento de 11px à esquerda e 11px à direita usados na classe .cooked.

Ficará assim :arrow_down:

Visualização Desktop (total)


Visualização Desktop (responsiva)


Visualização Mobile