Как сверстать также,как на макете?

Question

[Дмитрий Руденко]

Здравствуйте,подскажите,пожалуйста,как сверстать такое?
Сейчас у меня так:


А нужно сделать так:

Comments

[keeplod]

Ты хочешь что бы мы с 0 все сделали и на угадали где у тебя косяк?

[Дмитрий Руденко]

keeplod, Могу на хост залить,как удобнее?

[Андрей Галкин]

Я такие штуки реализовывал через псевдо класс тега "div::before" и "div::after"
ну и transform: translateX(-50%) skew(-10deg); в css.

[Андрей Галкин]

Дмитрий Руденко, на codepen залей, я гляну

[Дмитрий Руденко]

TpyxJl9l, Я им не пользовался даже,не шарю как

[Дмитрий Руденко]

TpyxJl9l, Ну мне в принципе это помогло,спасибо большое

Answer 1

[Андрей Галкин]

Вот тебе пример реализации.

Быстро, и не очень качественно, но принцип понять можно

КОД ТУТ:
https://codepen.io/MrPackage/pen/LYZEJBg

Answer 2

[Фин Дел]