Can semantic UI do freemasonry like columns?

Question

Is it possible to create a cascading mesh diagram similar to Masonry or Bootstrap v4 Columns with a semantic interface?

Answer 1

For this question , it does not seem to be supported directly, but can be achieved using the CSS property of a column with columns .

Here is an example related in the same release. In short, you would create a normal semantic grid for the user interface, giving it an additional class, for example. masonry , and then apply the following extra CSS to it (this applies to a three-column grid):

 .masonry.grid { column-count: 3; display: block; } 

However, a variable number of columns that Freemasonry provides is not possible using this method.