Помогите с блоками div


webledi
100

Добрый день!

Помогите, пожалуйста, с версткой блоков в div.

https://jsfiddle.net/pLn1zfvt/

Хотелось бы, чтобы при уменьшении ширины экрана:

  • блок fright падал под картинку и становился шириной 100%
  • картинка становилась по ширине 100%
  • блок с жирным текстом content-name не скрывался при уменьшении ширины экрана, а показывался весь текст.
Нужный результат


Amigo_9876

Ну вам надо изучить чуточку CSS как бы)

А по сути в @media (max-width: 991px) пишем

.fimage {float:left; width: 100%; margin: 0 auto;}

.fright —  {float:left; width: 100%; margin: 0 auto;}

.fimage img {width: 100%;}


Gigabajt

Я чувствую новый пиратский сайт с фильмами на подходе ? 😀


Bilan_Zhiv

Зачем вы или ваш верстальщик флексы и флоаты смешали?

Начали на флексах, так схлопните на нужном брейкпоинте вместо row в column и все.


mirkat

Bilan_Zhiv #:

Зачем вы или ваш верстальщик флексы и флоаты смешали?

Начали на флексах, так схлопните на нужном брейкпоинте вместо row в column и все.

Автор видимо не знаком со стилями. Вы ему ещё про гриды расскажите 😀

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *