Uneven thumbnail layout

Hello,

How can we build a posts collection page that have post thumbnails with an uneven width. Like the attachment picture.

Thanks in advance!

This should work for you.

.image-container {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  grid-gap: 10px;
}

.image {
  width: 100%;
  height: auto;
  object-fit: cover; /* Preserve aspect ratio */
}

Unfortunately this doesn't work for me 😞

Here is the link:

https://soybean-kangaroo-2dxw.squarespace.com/gallery

password:12345

I want to update the layout as shown in the picture above.