Комментарий #12693500

Объективно я ван гог
@LayGGS, у конструкции [div=d-flex align-items-center] есть существенная проблема: она не адаптивна для мобильных устройств. Флекс-контейнер (d-flex) заставляет элементы оставаться в одной строке при любой ширине экрана. На узком экране (то есть телефонах) видео остаётся слева, а текст сильно сжимается в узкую колонку справа, как на картинке ниже.


Могу предложить два варианта решения:
1) Адаптивные колонки. При сужении экрана колонка перестаёт "плавать", и весь текст гарантированно переносится под видео, занимая всю ширину экрана.
youtube
«MEMcho» by Takuro Iga
Тема Мем-тё. Отражает её связь с техникой, в особенности со смартфонами.
В треке присутствуют характерные гудки, будто звонит телефон.
Настроение песни же позитивное, как и сам персонаж.
[div=cc-3]
[div=c-column]
[center]https://www.youtube.com/watch?v=1s4I_2RnVLY[/center]
[/div]
[div=mt-3]
«MEMcho» by Takuro Iga
Тема Мем-тё. Отражает её связь с техникой, в особенности со смартфонами.
В треке присутствуют характерные гудки, будто звонит телефон.
Настроение песни же позитивное, как и сам персонаж.
[/div]
[div=clearfix][/div]
[/div]

2) Через обтекание
youtube
«MEMcho» by Takuro Iga
Тема Мем-тё. Отражает её связь с техникой, в особенности со смартфонами.
В треке присутствуют характерные гудки, будто звонит телефон.
Настроение песни же позитивное, как и сам персонаж.
[div=left mb-2 mr-4]
[center]https://www.youtube.com/watch?v=1s4I_2RnVLY[/center]
[/div]
«MEMcho» by Takuro Iga
Тема Мем-тё. Отражает её связь с техникой, в особенности со смартфонами.
В треке присутствуют характерные гудки, будто звонит телефон.
Настроение песни же позитивное, как и сам персонаж.
[div=clearfix][/div]
Можешь через F12 менять размер экрана браузера, чтобы посмотреть как они себя ведут.
Ответы
LayGGS
LayGGS#
@Объективно я ван гог, при редактировании воспользуюсь твоим решением. Спасибо за совет)
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть