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

Weblady
На сайте с 26.07.2011
Offline
143
113

Добрый день!

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

https://jsfiddle.net/pLn1zfvt/

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

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


Amigo_9876
На сайте с 01.04.2009
Offline
307
#1

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

Меняюсь ссылками с украинских PBN (стройка, техника, грузоперевозки)
Gigabajt
На сайте с 04.10.2010
Offline
122
#2
Я чувствую новый пиратский сайт с фильмами на подходе ? 😀
Лидогенерация в соц.сетях и контексте от 400 руб. за лид. Работаю с Telegram, Instagram, VK. Заказать услугу: https://impossible-studio.com
Bilan_Zhiv
На сайте с 07.06.2018
Offline
35
#3

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

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

M
На сайте с 20.03.2020
Offline
19
#4
Bilan_Zhiv #:

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

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

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

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий