Available Options Adding Masonry to CSS Grid

Try variations (works in Firefox Nightly only, pref on):

Simple Masonry
Fixed-width first & last columns
Fibonacci sequence columns
Some items span 2 or 3 columns
For comparison, dense packing in Grid (not Masonry)

Be sure to read the note about this demo. Also, I made another demo that provides a quick way to compare Masonry to Grid 1, Multicolumn, and Flexbox.

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25