Как зафиксировать блок в одном положении?

Question

[Александр]

Есть такой блок:

.box-triangle-right{
    position: absolute;
    width: 555px;
    height: 100%;
    right: -150px;
    transform: skew(-64deg, 0deg);
    background-color: green;
}

Вот он реализован:



Когда начинаю сужать экран, он едет влево:

,

и это понятно почему.

Мне нужно чтобы его левая сторона была зафиксирована, а права сужалась, так возможно сделать? И как?

Answer 1

[Ankhena]

Адаптируйте для своих нужд https://jsfiddle.net/452cpvxz/

Answer 2

[Шохрух Шаймардонов]

width у вас фиксированный в 555пикселей. Используйте vw или %

Answer 3

[Данил Полянский]

Похоже это из-за того что данная полоса из объектов построена на flex'ах.

Надо отделить его от других flex'ов, чтобы остальные толпой смещались, а данный блок оставался зафиксированным как Вам и надо.