Не могу сделать макет. Поможете?

Question

[SaintKotei]

Недавно захотел сделать один макет. Вот он:https://www.figma.com/file/tREftR6ody6sqWApzfbgoS/...

Но уже не могу сделать даже начало. У меня не получается сделать фон как на картинке:


там идут на фоне разные тона голубого цвета. Эти тона: картинки. Как ни пытаюсь, а сделать их в таком именно расположении не могу. Когда пытался сделать чуть похоже, у меня появилась другая проблема. Она заключается в том, что когда я подвожу картинку близко к краю (в данном случае правому краю) у меня расширяется экран. Т.е. снизу появляется некий регулятор ширины (хз как он называется, но что бы поняли скину скрин: )

Answer 1

[Ankhena]

Фон полосками - это линейный градиент под углом, а не картинки.
https://html5book.ru/css3-gradient/

Answer 2

[Ivan Bogachev]

там идут на фоне разные тона голубого цвета. Эти тона: картинки

Было бы логично их делать линейными градиентами, а не картинками.

Она заключается в том, что когда я подвожу картинку близко к краю (в данном случае правому краю) у меня расширяется экран. Т.е. снизу появляется некий регулятор ширины

Если все же идти по этому пути, то либо используйте overflow: hidden, либо свойство background вместо отдельных картинок.

Ещё один вопрос: как сделать эту штуку?

А что с ней? Border-radius, position: absolute, background, color... Приводите пример того, что вы сами сделали и задавайте конкретный вопрос, а то в таком виде можно только ответить, что нужно "взять и сверстать".