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

webledi
На сайте с 26.07.2011
Offline
87
101

Добрый день!

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

https://jsfiddle.net/pLn1zfvt/

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

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


Amigo_9876
На сайте с 01.04.2009
Offline
258
#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%;}

Автоматическая публикация в ВК, FB, Twit, Instgm (http://bit.do/fcdAH) - от 250 руб/месяц. Лучший украинский хостинг (http://bit.do/fcdAQ) Проверяю на индекс (http://bit.do/fcdBe) и тут же индексирую (http://bit.do/fcdBj)
G
На сайте с 04.10.2010
Offline
102
#2
Я чувствую новый пиратский сайт с фильмами на подходе ? 😀
Заказать сайт с SEO оптимизацией https://impossible-studio.com/ Рейтинг хостингов 2021 https://impossible-studio.com/reyting-hostingov-2021/
Bilan_Zhiv
На сайте с 07.06.2018
Offline
23
#3

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

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

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

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

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

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

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