Advice sought for building an offset grid

[btwholesale]

Hello there,

What method in Pro would you recommend to create the offset grid in the following image?

I am using columns inside a row here: https://leslieh19.sg-host.com/what-we-do/our-assessment-tools/

Kind Regards,

Spencer

[btwholesale]

But I am having trouble with the columns when I apply horizontal padding or a margin and cannot maintain the same widths in the editor and on the front end. Please see the next image to see the difference. In the editor the layout is perfect but the bottom row moves backwards on the frontend. I know there is a problem with the page width, but I can’t see where I am going wrong.

Thanks!

[christian]

Hey Paul,

I’d recommend you use the Grid element and start with the Offset Masonry Grid layout

To understand the Grid element more, I’d recommend you watch our Grid element tutorial series here https://www.youtube.com/playlist?list=PLWPh_GoP7hYXHrOv3sYUNQ5mVeApTnkO2