Вопрос по вёрстке

Надо четко объяснять как это должно работать. Сама по себе задача "один блок по центру, второй справа" примитивная.

"А втыкать что-то" надо вне родителя. Иначе ты нарушаешь условия задания.

Про маленькие разрешениям: если места не хватает, его и не будет хватать. Либо в столбик, либо скрывай, либо отсекай часть. Таков путь. Так работает адаптивная верстка.

Добавлено 4 минуты спустя:

#134 Kabak:

Вот так вот работает

     <div class="header_left_middle">
      <span class="span_left">{PAGE_ROW_DATE_STAMP|cot_date('date_full', $this)}</span>
      <div class="middle_title"><a href="{PAGE_ROW_URL}">{PAGE_ROW_SHORTTITLE}</a></div>
     </div>

.header_left_middle {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-.5 * var(--bs-gutter-x));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    font-size: small;
    display: flex;
    width: 100%;

.span_left
{
  position: absolute!important;
  width: auto !important;
}

.middle_title
{
  text-align: center;
}

А зачем ты родителю назначаешь 100% ширину и отрицательные поля? Зачем ему флекс если один потомок блочный на всю ширину, а второй имеет абсолютное позиционирование? Почему у родителя в таком случае отсутствует position: relative???