Hi! I’m struggling a bit to understand how to scale my images as the grid gets bigger across viewports.
I’m using a CMS collection, where the image is essentially a div with a background image set to “cover”… I tried poking around (e.g. setting the width and height to 100%) but nothing’s achieving a desired effect. What I want to achieve is that the image scales and takes full width of the grid, while remaining square across all devices (like I drew on the screenshot… which is what I can’t achieve)
Sounds simple enough but can’t seem to understand how to do this?? Appreciate any tips!!
Here is my site Read-Only: Webflow - PAV Styleguide for Webflow