using the multi-image field, let’s suppose i upload various image size, some horizontal (8:5) and some vertical (4:5), my question is:
is it possible to display a grid with those image having different size or can we only have one set size on the collection list item that will define the size of every subsequent image from the multi-image bucket CMS field ?
Edit:
I guess my question is how to have a “masonry” layout using mutli-image field ? Do we have to use custom code ?
You can store any image size and format, as long as it recognized by Webflow ( < 4 MB, AVIF, JPEG, GIF, PNG… )
How you display them is an unrelated thing.
In respect to masonry layouts, where you are displaying the images with a consistent width, but a variable height, you can take the CSS approach or use a lib like Macy.js
Thank you again for getting back to me @memetican , appreciate it !
I finally found a way to code it out using packery.js because some wide images had to cross over columns and also I had to make sure I could update Lenis which is handling the smooth scroll. I found that the solution is working well.