Как сверстать такие блоки?

Question

[darksladen]

Comments

[Максим]

darksladen, ромбики и указатели на svg всё остальное обычный текст

[darksladen]

Максим Ленский, Это вы про второй блок?

[darksladen]

Максим Ленский, а как это возможно адаптивно сделать?

Answer 1

[Максим]

https://codepen.io/topicstarter/pen/gKbxEO вот это ромбики ....и стрелочки ...можно вообще всё там на svg сделать ...

Comments

[darksladen]

вы через прогу нарисовали?

[darksladen]

Сразу скажу, что мне это не для работы надо, а просто интересно, как такие штуки вообще делаются. Но я предполагаю, что эти ромбики в идеале должны будут при маленьком разрешении либо превращаться в квадрат и находится над текстом, либо просто текст должен передвигаться под ромбик и стрелка исчезать. Это возможно с svg?

[Максим]

darksladen, а вы возьмите этот весь svg берните в блок и дайте размер этому блоку ... я та понял вы вообще не знакомы с вёрсткой ?

[Максим]

darksladen, https://jsfiddle.net/lenskyuser/yzmsp8zn/5/ а дальше уже адаптируют - подгоняют размеры - в общем выкручиваются каждый по своему - кто как может

[Максим]

darksladen,

[darksladen]

Максим Ленский, суть конечно в том, чтобы текст двигался со стрелками =) Иначе можно было бы также вставить просто обычную картинку..