Streaming live at 10am (PST)

Help with offset grid CMS items

Hi guys. I’m building a collection list with projects on display. I thought maybe a combo of flex and grids would be the best way, but I wonder what would be the best practice to get vertical offset on the different collection items? See my attached screen from Figma.

I do not think this is a good practice when it comes to user friendliness for the client: Dynamic Grid Item Offset
Any other solution I welcome.

Thanks in advance.
Hope it all made sense :slight_smile:

EDIT: Hi! Got help. If anyone else wonders. This is how you do it:

@media only screen and (min-width: 1200px) { .w-dyn-item:nth-child(even) { margin-top: -140px; } }

Here is my site Read-Only:

Perfect! I was going to point you in that direction.

More cool things you can do on Collection Lists with pseudo-classes:

Hi Vincent. Thank you so much for the link. Bookmarking it for future references :slightly_smiling_face: