dasha_programmist
@dasha_programmist
Software engineer TS/JS/Go/C#/React/Angular2+

Верстка нескольких блоков относительно центра, есть способы?

Уважаемые, есть способы сверстать на CSS (без скриптов, желательно на флексах) блоки в таком виде?
- есть wrapper скажем он 100vh
- внутри него есть блок wheel он расположен 50% сверху/снизу (допустим что absolute, top 50%, translateY -50%)
- есть блоки title, subtitle они расположены сверху относительно wheel
таким образом если мы будем тянуть страницу, то важно, что wheel остается всегда по центру экрана (а title/subtitle неважны, они могут скрываться под верхней границей)
5e7cf0b2d2a2b536758079.png
  • Вопрос задан
  • 64 просмотра
Решения вопроса 1
сделать два блока: wheel и title-wrap одинаковые по размерам и позиционированию.
title-wrap будет содержать блок с заголовком и подзаголовком, с отрицательным позиционированием относительно title-wrap

Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы