Как сделать такой блок без абсолютного позиционирования

Question

Как сделать такое БЕЗ использования абсолютного позиционирования. Как "Поиск напарника" поместить на центр страницы, а не центр оставшейся площади для него

Answer 1

.wrapper {
  display: grid;
  grid-template-columns: 1fr max-content 1fr;
  align-items: center;
  justify-items: end;
  gap: 1rem;
}

.main {
  font-size: 3rem;
}

<div class="wrapper">
  <div class="side"></div>
  <div class="main">
    Поиск напарника
  </div>

  <div class="side">
    <span>Посмотреть мои заявки</span>
    <button>Создать зявку</button>
  </div>
</div>

Answer 2

Попробуйте:

display: flex

вместо grid

БЛОГ НА HUSL

Как сделать такой блок без абсолютного позиционирования

Ответы (2 шт):