Grid Images Not Aligning. Help

I’ve been seriously struggling with a website I’m doing for a friend.

I can’t get things to just stay in place and it’s driving me crazy, it can be with images, text, anything, relative positioning, and margin movements look good at first, but as soon as you change device size it just has a mind of its own. Any clues to why? Thank you!!

How it should look all the time:


Here is my site Read-Only: Webflow - Bare Essentials

Hi Matthew,

I see on the read-only the Image for “IPL/Laser” isn’t configured correctly to take up the two center spaces. More about how to achieve this layout.

Concerning the mobile version: You can change grid properties for each device.
For example, you can set desktop to have 3 columns, 2 for tablets and one for smartphones.
To do this, simply select the device and edit the grid there, changing columns as you wish.

Hope this helped!

Cheers
Leon

1 Like