Как реализовать такие элементы в CSS?

Question

[GreatBOND]

Есть такой шаблон: https://dribbble.com/shots/2467109-Indipixel-Free-... (для опыта верстаю).

Как реализовать такие зеленые линии и телефон слева? Если телефон думаю прото картинкой, то как сделать зеленые полоски? Как фон?Или спозиционировать? В этом случае, как быть с большими экранами? Так как тут левые края полосок выходят за 1200px(ширину всего контента).

Спасибо.

Answer 1

[Артур Карапетян]

Телефон - ну... картинкой, хотя и на html без проблем такое сделать
Полоски - SVG

Comments

[GreatBOND]

И потом позиционированием их выровнять?

Answer 2

[Максим]

вопрос про это ??

Comments

[GreatBOND]

Нет, я имел ввиду вот эти полосочки: prntscr.com/fcqe2q

[Максим]

GreatBOND: без разницы как , можно на before after или просто картинкой вставить ... на ваше усмотрение

[GreatBOND]

Максим Ленский: Спасибо.