Bento Box Grid Help

Hello,

Trying to create a bento box grid for some thumbnails as part of case study pages.

Images would be all different sizes, I would like them to cover the part of the grid they are in.

Attached is an example of the grid.

Here is my work in progress. Any help is greatly appreciated.

Steve

https://preview.webflow.com/preview/webflow-forum-be77b4?utm_medium=preview_link&utm_source=designer&utm_content=webflow-forum-be77b4&preview=8917635463f5285e9f4eb22e8b98269e&pageId=665f0e8e074ffbf0a0ac71eb&workflow=preview

Hello Steve,
You can use Manual Setting for your grid cells and customize their positioning in your grid by giving them ( start column, end column, start row, end row)

Thanks @zafremedia. I’d set up them up as ‘areas’ rather than manual. I’ve now created both manual and area approaches on the link.

I still can’t work out how to control the height of each element so they’re the same…