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

Рейтинг: 1Ответов: 2Опубликовано: 04.04.2023

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

css html
Источник: Stack Overflow на русском

Ответы

▲ 3Принят

.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>

▲ 0

Попробуйте:

display: flex

вместо grid