Hey guys! New to Webflow so just trying to find my footing.
Basically I am trying to create this project link grid that I created in illustrator:
I need the max width of the grid to be 1380px, plus margins. If your browser window is larger than that 1380px and you scale the windows width below that, the entire grid scales down both in width AND height.
I kind of have it working once the browser width is scaled below the max grid width but before the browser width gets below that 1380px the height of the grid is effected by resizing the browser width.
Pretty much I need the ratio of the images to never change. The size of the grid (and by default the images within) should only scale uniformly, so the ratio and shape always stays the same.
As you’ll see in the read only link I haven’t gotten to the stage of editing the grid to the more complex different sized grid in the above image. I thought I’d tackle getting the scaling right first.
As the grid I want to create doesn’t align to a strict consistent size and alignment structure. Any advice on the best way to go about this would be greatly appreciated. My intent was to just go crazy on negative margins, etc?
Thanks so much in advance for your help! Please let me know if I haven’t made any sense!