Streaming live at 10am (PST)

Responsive height doesn't work

hey guys
could you please tell me if I am having an issue in my settings?

please ignore every viewport and go directly to the Mobile view. if you drag the width to switch between screen resolutions, you’d notice that tabs and icons within the tabs are responsive. however the height of the tabs remain the same… and they look too long on smaller screens.

here is what I mean visually:

here is the project link:

Do you know where I went wrong??

I think I figured how to make sure that the Height becomes responsive:
by changing a Container’s height in VW.

However in this case the icons inside the container do not scale down proportionally…

Do you guys know how I could fix that?

so changing the tabs height using VW instead of Auto has helped.
changing Tabs content to Grid.
the icon inside be of 50% width and Auto in Height.
text size 2.5 VW and 100%