Hi Webflow!
I’m trying to get a set of vendor category cards (“flex child vendors”) to follow ideally exactly, or as closely as possible within Webflow, the sizing of this webpage (not built in Webflow) on each of these mobile device breakpoints as seen in the screenshots below. I’m testing using Safari’s responsive web design mode, btw.
What device sizes I have been successful at replicating I have done so by setting the width & height of the “flex child vendors”. I’ve tried setting the max and min hoping that it would effect the correct div size in the correct device screen size, but this doesn’t seem to be the correct use case for these settings. I’m having the most trouble with iPhone 6s through iPad Air 2. Can someone show me what I’m missing here?
My share link: https://preview.webflow.com/preview/hollys-area-guide-template?preview=107dde3670a475b7b77c304ab9d32ca3
The area I'm working on is in page "Area Guide template Copy" under the title in the layout "Choose Your Vendors".
Thanks in advance for any suggestions or thoughts!