Collection list custom layout

I am designing an info web site, a web site for latest news etc. My layout for news looks like:

Screen Shot 2020-07-13 at 12.19.04

My question is: how can I customise collection list to look like my layout above? Is it even possible?


Thanks to @PixelGeek for this tutorial

Other way is to make it with Grid Area


Thank you very much.

This is a good start, thanks!

I’m trying to understand how to make with grid area and collention, and pagination.