Плитка с помощью Flex, Bootstrap4 или вообще?

Question

[Roman]

Есть плитка из элементов, которая вне сетки bootstrap. Ширина макета 1600px, а высота секции 670px. С помощью чего лучше сделать Flex или Bootstrap сетка (загнать всё по колонкам)?
Попытка реализовать на flex #1, картинки теряют свое качество, при растягивании окна
Есть еще,вот такая реализация bootstrap #1, но тут правая картинка на на всю ширину

p.s. исправил ссылку

Comments

[Slava]

А если эти 12 колонок обернуть в class="container", чтобы место как раз появилось по бокам?

[Roman]

Slava, думал в container-fluid обернуть, может сложность из-за того что макет делали не смотря на бутстрап

Answer 1

[profesor08]

Проблем не вижу. У тебя все блоки ровные. Первая линия 50%, вторую надо подсчитать, средняя 54.125%, боковые по 22.9375%. Бутстрап тебе в данном случае будет абузой. Сделай контейнер disaplay:flex, flex-wrap: wrap. Первым двум потомкам задай flex: 0 0 50%, остальным flex: 0 0 22.9375% flex: 0 0 54.125%; А пользуясь брейкпоинтами задавай соответствующие размеры в зависимости от размера окна.

https://codepen.io/Profesor08/pen/MBEqBJ

Comments

[Roman]

Вот такое у меня еще решение было, там ссылка запоролась

[Roman]

profesor08 , огромное спасибо!)