Continuing the discussion from Masonry grid ( #Pinterest) in Webflow. Created by CSS only:
So lately, I found out that same CSS Masonry grid is possible to create WITHOUT ANY CUSTOM CODE. All you have to do is use Webflow text columns option for your “grid container” (or div, or section).
Items inside your container could be images, div blocks with text inside, lightboxes, link blocks, but they have to have WIDTH=100%. With every screen type (desktop, tablet, mobile) you can easy change columns option.
So, no more custom code. Masonry grid made with few clicks.
Here is examples:
Also, if you will add some creative you can even get a more interesting grid. Just make some of your items WIDTH=50%. But don’t forget that for this items height should be the same.
And sure, you can use these settings with dynamic list and dynamic items!