Predefined grid layout for a query loop

Hey, I’m trying to build a grid layout like in the image bellow and then populate each square with a query loop (background, title…)
But I’ve been struggling to build the layout as I only have one container which will be looped.
My original though was to set a class to each container and add some custom css to span out specific classes but that won’t work as I have only one container which would be looped.
Tried also using nth-child but wasn’t able to get this specific layout.

Any help/advice is much appreciated!

The layout I’m trying to achieve:

1 Like