Mason Demo

Each element is positioned using the default packer which attempts to position each element as close to the top as possible given its current size. Resizing elements will cause them to reposition to keep them each as close to the top as possible.

Other layout logic is possible by implementing your own MasonPacker. For example, you can place them in sequential columns regardless of size using the included MasonSimplePacker.
Use Simple Layout

Content after container

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum scelerisque augue eget nisl feugiat, quis euismod sem vestibulum. Donec consectetur pellentesque nunc, sed pellentesque velit efficitur quis. Curabitur erat quam, cursus id quam eu, porttitor tincidunt dolor. Curabitur ultricies, magna accumsan blandit convallis, justo nisi viverra elit, eget tincidunt metus nunc sit amet lacus. Phasellus consequat velit vitae lorem blandit auctor. Ut tempus sem ligula. Vestibulum accumsan blandit tortor, id vulputate velit volutpat vel. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Lorem ipsum dolor sit amet, consectetur adipiscing elit.