Как лучше сделать адаптив?

Question

[Андрей Иванов]

Код

Так выглядит эта секция на макете.
Описать как коряво выглядит адаптив этой секции трудно, просто посмотрите и все станет ясно.
Подскажите как лучше было бы сделать адаптив этой секции.

Answer 1

[Мария Денисова]

Портфолио заголовок и текст (на желтом) на всю ширину и сверху сделать (100%).
Картинки под ним.
Для этого часть портфолио с картинками должно быть в своем собственном диве, все колонки обернуть в родительский тег.
Дальше с колонками либо по примеру бутстрапа - по процентам. Либо перестраивать их в строки.

Тут уже надо самому смотреть.

Но чтобы вообще с этим работать, внутри .porfolio два тега. 1 -- контейнер для текста. 2 - контейнер для картинок и кнопки "see more".
Их уже можно будет перестраивать сами по себе. Флексами да, лучше всего.
А вообще если надо адаптив и нет дизайна хотя бы еще на два экрана, хорошо брать бутстрап и в адаптиве отталкиваться от него.
Главное правльно распределить колонки и строки.

Comments

[Андрей Иванов]

Я когда хочу посмотреть на мониторе фуллHD 1080 то я не могу нормально сделать что бы картинки красиво растягивались, получается что они или разъезжаются или растягиваются

[Сергей Горячев]

Андрей Иванов, значит есть проблема, и ее нужно решить.

Answer 2

[азаза]

display:none наверное лучше сделать :)

Comments

[Sergiu Mitu]

самый вредный совет

[Андрей Иванов]

Sergiu Mitu, самый бесполезный совет

[Ankhena]

угу, лучше сразу всему сайту, чтобы не проблем.