На чем лучше сверстать данный макет?

Друзья, есть вот такой макет, обычно верстаю на бустрапе 4, но тут видно что в сетку ничего не попадает, на чем посоветуйте сверстать?
Думаю что флексы, а есть какой нибудь удобный фреймворк типо бустрапа?

5e245b2aa14fc644486450.png

Весь макет построен на различных угловых блоках.

Буду признателен за советы, кто на чем верстает и насколько удобно. Понятное дело что можно на media сделать, но думаю что удобных инструментов очень много.
  • Вопрос задан
  • 658 просмотров
Решения вопроса 1
Я бы все делал на стандартной сетке, это скелет верстки который не сломается в любом браузере.
прямоугольниками выделил колонки
46aec19449.jpg


Дальше фоточки прижать к краю экрана, на js можно отрицательный маргин высчитать, плюс треугольники на них сверху наложить или clip-path.
Выступающие части желтых линий можно на псевдо сделать.
Названию котельной добавить отрицательный маргин, чтоб оно такое длинное было.
тык
d22bd8cf34.jpg
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
firedragon
@firedragon
Senior .NET developer
Как по мне сверстайте с z index и абсолютным позиционированием.

Контент и подвал верстаете обыкновенным бутстрапом, фото заверстываете с абсолютным позиционированием и clip css
Ответ написан
AngryYumy
@AngryYumy
Заплати фрилансеру чеканой монетой
Позиционирование + flex. Ну а по сетке? Слава smart-grid от Лаврика
Ответ написан
@Sergey4562
Если не требуется дальнейшая посадка на CMS - на тильде. Быстро по времени, минимум трудозатрат и никакого головняка.
Ответ написан
Ваш ответ на вопрос

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

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