Avris Columnist – Demo

Simple and lightweight multi-column design.

Columnist achieves a nice, masonry-like, multi-column design without using absolute positioning. It doesn't move items to different columns, doesn't do any fancy maths, all it does it fixing the empty space below shorter columns – simple and lightweight!

How it works? Source code NPM

On small screens, this demo has only one column (to show that the script can handle this case as well), so the columnist effect is not visible. Try switching your phone to horizontal view.

{{ item.i }}