Задать вопрос

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

В левой части экрана картинка, в правой части блок с текстом. Пытаюсь сделать так, чтобы при уменьшении окна блок с текстом сжимался и выполнялся перенос слов, но после достижения минимальной ширины блок с текстом переносился под картинку. Как это сделать? .-.

Задал флоат влево картинке и вправо блоку с текстом. Если не задавать размеры, блок с текстом переносится под картинку во всю ширину родителя. Если задать max-width, чтобы влезал справа, блок встает где надо, но больше не сжимается при уменьшении окна и просто переносится, когда перестает влезать. Обтекание отменено через clearfix::after родительского блока.
  • Вопрос задан
  • 152 просмотра
Подписаться 1 Оценить 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
@Creditpower2015
Зачем изобретать велосипед? getbootstrap.com - лекарство от таких головняков.
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
FoodSoul Калининград
от 180 000 до 250 000 ₽
Data Directs Тель-Авив
от 350 000 ₽