Как сделать ромбообразную сетку?

Question

[faer23]

Нужно сделать сетку, как на картинке, никаких идей нет. Заказчик сказал, что она делается grid, но я в этом не уверен.

Comments

[Dmitry Bay]

svg?
опять же, с разным масштабом будет иная картинка.

[faer23]

Dmitry Bay, что именно вы имеете ввиду?

[Ankhena]

1. Подложку градиентами.
Элементы гридом.

2. Элементы гридом, бордеры, rotate.
Внутренности поворачиваем в обратную сторону.

3. Фон svg
Элементы гридом

4. Всё SVG

[faer23]

Ankhena, не совсем понимаю, что вы имеете ввиду под подложками. мне нужно сделать эту сетку адаптивно, поэтому всё подставлять в svg не лучшее решение

[Максим]

faer23, вы хотите сказать что свг не резиновое ?

[Ankhena]

faer23, присоединяюсь к вопросу Максима.
SVG как раз таки весь из себя резиновый.

Подложка = фон, псевдо нижним слоем грида... Как хотите.

[imko]

А по-моему вполне себе квадратная, просто фон подложить повторяющийся

Answer 1

[Everything_is_not_so_bad]

Это ведь сетка, состоящая из квадратов под углом 45 градусов, не так ли?

Comments

[faer23]

да

[faer23]

проблема даже не в их форме, а в их положении

[Everything_is_not_so_bad]

faer23, разве это является проблемой?