Как сверстать эту секцию?

Question

[Красный Карат]

Есть вот такая секция:

Проблема заключается в этой красной кривой байде. Ведь если разрешение экрана больше 1920 то... будет с обеих сторон как обрезано, а если меньше придётся менять позицию элементов и будет куча медиа запросов( по высоте).

Подскажите что делать?

Comments

[Антон Мудренок]

Никогда не понимал нахрена нужна сетка, если все объекты расположены не по сетке)
Забейте на эту сетку и просто растягивайте на всю плоскость при 1920+
Сделайте выравнивание по центру для разрешений до 1170, а для мелких экранов преобразуйте вашу кривую в прямую и иконки одного размера. Все равно на мелких экранах нет места по высоте, чтобы еще кривые всякие рисовать.
Да, и с такими вопросами надо к дизайнеру идти, это его задача.

Answer 1

[Mr Crabbz]

svg - наше всё. Даже растровые фотки можно впихнуть в векторные круги по красоте, а svg-контейнер уже масштабить - дело плёвое.

Comments

[Красный Карат]

А где хоть почитать. Я вообще не понимаю что искать.

[Mr Crabbz]

******* *********: www.catswhocode.com/blog/tutorials-and-resources-t...
https://www.youtube.com/results?search_query=svg

и 62535 других результатов в гугле по запросу "svg html css"

[Красный Карат]

Роман Краббз: Это всё вообще не то!