How to stretch Yandex map in Sticky position?

Question

css

Hello! There is a task: it is necessary that the Yandex map stretches to the right until it stops, the map must stand still (not scroll along with the content), I set it to position: sticky.
Tell me, please, how to stretch the map to the right, so that when the screen is reduced, it does not climb on the content on the left, but decreases in width?
I am attaching the code (the layout is rough, sorry): https://codepen.io/moskva/pen/eYgJmyd

Answer 1

.sticky-wrapper {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

Answer 2

So you have calc there, in fact it doesn’t give you life when calculating for other sizes.
Media queries and calc with a different screen size and a block of 100%, after all, it calculates for you with a deduction from the new 100%. I didn't look too hard, but that seems to be the case.