Width of Container

Anvil Q&A
13

Well that opened up the minefield of css masonry layout…

if you don’t mind vertical ordering

item 0  item 3  item 6

item 1  item 4  item 7

item 2  item 5

then the same approach with this…

.anvil-role-3-cols>div {
  column-count: 3;
  -webkit-column-count: 3;
  column-gap: 3%;
  -webkit-column-gap: 3%;
}
.anvil-role-3-cols>div>div {
  break-inside: avoid;
  -webkit-column-break-inside: avoid; 
  display: inline-block;
  width: 100%;
}