Images shrink / Align them on the same grid

1. Some of my images shrink while I’m working. (even when I published them)
2. How can I align those images? (They’re aligned on the left, but I’d like to have the alignment on the right side) I thought using grid will automatically align and fit all sizes)


Here is my site Read-Only: Webflow - Thy Do | Austin Visual, Digital design & Branding
(how to share your site Read-Only link)

@thy-do Welcome to the forums! I just checked out your link, and it looks like you got this figured out. If I am mistaken, let me know, and I will try to help :slight_smile:

Hi @myonke It looks like it on the preview link. But no, I haven’t figured out this yet. The image is what I see in my working view

Can you share your published link too? Which images are you specifically referring to? This is what I am seeing, in comparison to your image you posted, in the designer:

They all look different. In Webflow working view mode, it will look like that but shrink momentarily like the one I showed here.

This is my published link and those images just look tiny. https://www.thy-do.com/stacked

No worries, here’s how I might set this up I went pretty fast, so if you’re interested and this was too fast, let me know, and I can make a slower, more precise screenshare for you!

https://www.loom.com/share/a449f10df084431090e7d63249f37ac7

Thank you!

The speed is great, I will have to try this. My only concern is that I have used grid for the entire layout, so using this way may break that layout and spacing (built consistently for other pages).

1 Like

So… I tried to mimic the video but it broke my workflow that I built. Surprisingly, I found a simpler way to solve my problem. I just set each Image Div section to a certain size (1120px), with a height and Max width of 100%. The image max width is 100%. Then, I just need to set margin between small images.

That worked!

I think this is solved. Thanks @myonke

1 Like