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

webledi

16 сентября 2020, 13:21

100

Добрый день!

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

https://jsfiddle.net/pLn1zfvt/

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

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

Amigo_9876

16 сентября 2020, 14:54

Ну вам надо изучить чуточку 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

16 сентября 2020, 18:10

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

Bilan_Zhiv

16 сентября 2020, 19:22

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

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

mirkat

16 сентября 2020, 20:12

Bilan_Zhiv #:

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

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

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