@ZipZaper

Как красиво сверстать такое поведение блоков?

Есть такой вариант расположить блоки, слева десктоп справа мобилки. Десктоп у меня сверстан на флексах, следовательно текст обернут в див, а потом на мобилке мне надо параграф как бы вытащить из обертки для текста. Как красиво сделать? В голову сразу пришел способ с дисплей none, но не хочется его использовать. Может быть можно как то на гридах сделать?
603d01c8021e8288547845.png
  • Вопрос задан
  • 143 просмотра
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега CSS
Верставший фронтендер
Современный способ - на гридах с помощью grid-teamplate-areas.
https://habr.com/ru/post/500580/

Нужно задать всем участвующим элементам
grid-area, например, title для заголовка, text для текста и img для картинки
а родительскому блоку указать, например grid-teamplate-areas: 'title title' 'text img' для одного разрешения и
grid-teamplate-areas: 'title img' 'text text' для другого.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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