Make collection items different size when showing on home page

Questions
1

Hi, I have idea to display some news on homepage. Is it possible for their sizes to be different. Something like this
image

2

Yes, you need to create a 4x2 grid. Then, set the child settings of the first (the largest) element to span 3 columns and 2 rows.

image
image2466×1402 110 KB

I hope this makes sense, it’s a very quick tutorial. :joy: Let me know if you need a more detailed explanation.

3

If you need the two cards on the right to be wider, you can create a 5x2 grid. Then:

  • The largest child will span 3x2.
  • The two cards on the right will each span 2x1.