Как расположить блоки как на картинке?

Question

[Дмитрий Белоусов]

Как так же расположить блоки в виде ромба?

Comments

[devalone]

Белый на жёлтом фоне? Ужас...

[Дмитрий Белоусов]

̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻̻ ҉, ну это я взял в бесплатный макет

[Степан Крапивин]

В чём проблема?
Не знаешь как сделать ромбы или как расположить ряды с наездом друг на друга?

[Дмитрий Белоусов]

Степан, как расположить ряды

[Степан Крапивин]

Дмитрий Белоусов, у второго ряда делай margin-top: -200px

В первом ряду четыре ромба, во втором три, с отрицательным верхним отступом нижний ряд наедет на верхний но из-за разного количества ромбов они не будут пересекаться.

[Дмитрий Белоусов]

Степан, и margin-right: 200px;
?

[Степан Крапивин]

Дмитрий Белоусов, зачем?

[Конан Варвар]

Дмитрий Белоусов, смотрите мой ответ :)

[minaev007]

Дмитрий Белоусов, я вам по идее адаптивно сделал. смотрите ответ

Answer 1

[Конан Варвар]

Пожалуйста

Comments

[Степан Крапивин]

чёт не очень :-)

[Конан Варвар]

Степан, https://jsfiddle.net/5k2qLmk4/

[Конан Варвар]

Степан, с адаптивом сами разберетесь. Это не фонд доброй помощи :)

[Степан Крапивин]

Конан Варвар, да это не мой вопрос, я знаю как пофиксить))

[Дмитрий Белоусов]

Все отлично. Спасибо!

[Конан Варвар]

Дмитрий Белоусов, Обращайтесь!

Answer 2

[minaev007]

https://jsfiddle.net/5m8afkqh/1/
вроде