I was super excited when watching your videos on Flexbox. One in particular address our current design layout / challenge and that is split screen design video: https://help.webflow.com/video-tutorial/create-a-split-screen-layout-with-flexbox
Our design calls for the left panel to have a background image (100% vh) with a logo centered aligned (horz + vert). On the right panel would be a text block with navigation links. My question is what happens to the right panel at smaller / mobile breakpoint? For a truly responsive design, the right panel containing the nav would stack below the left panel containing the image and logo. Since they are 100% vh, the text / nav would never be seen unless the user scrolls down.
What would be the best solution? Visually what we would like is on the mobile breakpoint the left panel would take up 100% of the device viewport, but the text / nav from the right panel would be accessible from a mobile hamburger menu.
Is this possible? Is there any documentation / videos that might be able to offer tips / solution? Is there anyone here that could give a suggestion?