Product Collection Grid - 3 element different


I am trying to replicate this design as a Product Collection to be able to use add-to-cart buttons :

I don’t know how I can say that the nth child element 3 needs to be full-width (or take two rows).

Can you tell me what I should try?
You can find what I tried just below the grid example in the project.

I tried this method but it didn’t work: Uneven grid with CMS collection

Here’s my webflow read-only link :

Thanks !

Hello, can someone help ?

HI @tvog here is snippet you can use

	grid-column: span 2 !important;

as there is somewhere code that is overwriting basic grid behaviour you have to add !important to make it work.