Webflow Masonry Layout (Pinterest) Tutorial

[@CodingWithJan]

amazing 💪

[@dereksiuau]

Thanks 🔥

[@AlexisCreative]

So simple , thanks !

[@dereksiuau]

Glad it helped!

[@StarscapeDigital]

Thanks

[@dereksiuau]

No problem!

[@riccardoinnocenti2787]

What if I want to achieve the same masonry effect but by ordering the collection list items horizontally? Thank you so much!

[@dereksiuau]

Most likely custom code!!! & By using the native ordering in Webflow (Eg. A-Z or Number)

[@VietnamSindroma]

Tx for ur existance brother! Cheers from Serbia!

[@dereksiuau]

Thanks for the comment brother! Glad you found it helpful.

[@phase4485]

Fantastic video. Very helpful. Thank you. Have subscribed.

[@dereksiuau]

Thanks for the sub! And glad you found it helpful :)

[@JBurroughs17]

Only problem with this is that it sorts images top to bottom instead of left to right. So if you want your layout to be specific and change with scaling, it completely breaks the order.

[@dereksiuau]

Interesting, do you have a solution for this?

[@felipemotalima3782]

Hey Derek, thanks for the video! I found an issue with this method on Safari. The images look cropped on the column's last and first image. Do you have some trick to solve that? Thank you again. Keep doing videos like this!

[@dereksiuau]

Thanks for sharing! - Will have to get back to you on this. If you find a solution in the meantime would you be so gracious to share it so we can grow together :)