200vw usage affecting HTML height in Chrome Mobile

Question

Hello!

I’m building a small portfolio in React with a side scroll. For this, I created a container of 100vh height and 200vw length, to store two screens that will make the scroll.

Everything works fine in Firefox, but when I open the project in Chrome Mobile it seems that the width of 200vw is also applied to Hight, which doubles the size of the viewport. I tried switching to %, but the effect repeated.

In case anyone has already gone through it, I appreciate the support. The full code is on https://codepen.io/michelmarechal/pen/rXvMLz

#wrapper {
    height: 100vh;
    width: 200vw;
    display: flex;
    flex-direction: row;
}