Как добавить пользовательский HTML после «post_1» (часть 2)

Здравствуйте,

Для этого нужно использовать CSS. :slightly_smiling_face:

В представлении Common (CSS) для мобильных и десктопных устройств добавьте ширину 100% к изображению.

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

В представлении Desktop (CSS) добавьте максимальную ширину для идентификатора #custom-ad, чтобы установить ширину баннера равной ширине аватара темы + тела темы. Это будет ширина изображения 100%, которую мы добавили выше для Common.

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

45px = ширина аватара темы
690px + (11px * 2) = ширина тела темы и отступы слева и справа по 11px, применяемые к классу .cooked.

Это будет выглядеть так :arrow_down:

Представление Desktop (полное)


Представление Desktop (адаптивное)


Представление Mobile