CSS-Only Pinterest Style Columns Layout | Bypeople

CSS-Only Pinterest Style Columns Layout

If you have seen pinterest, they has a multi-column interface to display the pins and those pins arrange nicely even if they are not of the same height. They do it by using javascript to calculate the height of each pin and then positioning them absolutely. Achieving the same with CSS can be done in two ways:


Using Floats: Floats can be used but only if all the pins have same height otherwise there will be gaps left all over.

Using CSS3 Columns: This is what I used here. It is ex…

Related Deals

Related Posts