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

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

Как сделать, чтобы текст после изображения растягивался на всю ширину экрана?
Вот пример как надо:
5ddca1e60bfe4671549361.png

Вот мой код:
https://jsfiddle.net/xqgu2bzy/4/
  • Вопрос задан
  • 175 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Skillbox
    Веб-вёрстка 3.0
    3 месяца
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Пригласить эксперта
Ответы на вопрос 2
@Froggyweb
Картинке float: lett
Ответ написан
Комментировать
@oelena
Флекс к сожалению не умеет обтекать картинку текстом. Вариант только флоатом.
https://jsfiddle.net/ElenaOr/7ov9ec1p/9/ - поправила немного ваш html файл + когда пишите
.post-image {
  min-width: 400px;
}
то картинка располагается на всю ширину экрана, так как:
.post-image img {
  width: 100%;
}

поэтому блоку надо задать фиксированную ширину:
.post-image {
 width: 400px;
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы