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.
1This brick is resizable using the "show more" button below. Notice how
using the simple packer affects the layout when this brick is enlarged.
2Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in accumsan elit.Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in accumsan elit.Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Vestibulum in accumsan elit.
3Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in accumsan elit.Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in accumsan elit.Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Vestibulum in accumsan elit.Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Vestibulum in accumsan elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in
accumsan elit.
4Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in accumsan elit.Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in accumsan elit.
5Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in accumsan elit.Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in accumsan elit.Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Vestibulum in accumsan elit.Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Vestibulum in accumsan elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in
accumsan elit.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in accumsan elit.
6Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in accumsan elit.
7Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in accumsan elit.Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in accumsan elit.
8Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in accumsan elit.Lorem
ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in accumsan elit.
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.