You need a section that will wrap the two divs. The section will have flexbox set to horizontal and height 100vh. The divs will have height 100% of the section. The div with the text needs flexbox vertical centre
I tried doing that and it works well in desktop, but when I change it to mobile it just get’s squashed together at that point. Would I just change the mobile view to block?
Set the two divs inside of your main parent flexbox to 50% width. Make sure this parent flexbox has “wrap children” checked. These two steps aren’t necessarily required but will help on older browsers and will give you more control with the smaller viewports.
When you get to a viewport that requires stacking, set the children from 50% width to 100%. This will make them stack. You’ll want to change that parent flexbox to “auto” or fixed pixel height.
I finally got it! My mind was designing it correctly, but I had something checked wrong, lol. Thanks for the help! Super great community of people here!