RomanSocial
@RomanSocial
Ищу начинающего дизайнера. Верстаю /HTML, CSS, JS/

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

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

p.s. исправил ссылку
  • Вопрос задан
  • 969 просмотров
Решения вопроса 1
profesor08
@profesor08 Куратор тега CSS
Проблем не вижу. У тебя все блоки ровные. Первая линия 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
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы