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

Question

[Леонид]

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

Пытался использовать clip-path , но запутался в позиционировании слоев.

Answer 1

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

<div class="svg-wrapper">
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 20">
                // тут ваш график
        </svg>
<div>

.svg-wrapper {
  width: 30vw;
  height: 20vw;
  // и абсолютно позиционируете его справа внизу вашего блока title
}

upd:
или речь про скосы? :D
Если да, то так: codepen.io/just-a-training/pen/KaPwgW

upd-2:
чето мне не понравилось как оно ресайзится, через треугольники наверно надежней:
codepen.io/just-a-training/pen/WRebLE?editors=0100

Comments

[Леонид]

Антон Мудренок Огромное спасибо

[Ярослав Иванов]

Антон Мудренок а мне первый вариант больше нравится )

Answer 2

[Дмитрий]

https://habrahabr.ru/post/126207/