Cracked it!
Thanks all for the help. Here’s the code for anyone who wants to do the same in future. “example” being the class name of the collection item.
To any novices (like me) the code is broken down like this:
.example:nth-child(5n+1) {grid-row: 1 / span 2;}
- .example: (this is the class you’re targeting)
- nth-child(5n+1) (this says do this to every 5th item in the list plus the first item)
- (grid-column: 1 / span 2;) (this lets you specify the starting column of the item in the grid, and tells it to span 2 columns)
