I’m new to flexbox. Trying to get an element to wrap at the correct point. Total nube question I know…
I’m trying to recreate the interaction that is visible in the hero of https://stripe.com/us/payments.
Basically, I have a hero section with two centered divs. One with text on the left and the other with an image on the right. As the browser width decreases, I’d like the image to stay full size with the text block becoming more narrow until it hits a minimum width of 300px, at which point I’d like the image to wrap.
My image is in the background as opposed to having a pic element if that matters.
My read-only link is: https://preview.webflow.com/preview/mybluecard?preview=0fdb0fae7d4300293fb3b00b93bb624f
My preview link is: http://mybluecard.webflow.io/schools
Any help would be much appreciated!!!