.falls-3
- for (var x = 0; x<100; x++)
div(
class="item"
style=`height:${parseInt(Math.random() * (400 - 50 + 1) + 50, 10)}px`)
| #{x}
View Compiled
.falls-3{
column-count: 4;
column-width: 25%;
column-span: 10px;
padding-top: 10px;
}
.item{
background-color: orange;
margin: 0 0 10px;
padding: 10px;
font-size: 40px;
color:white;
break-inside: avoid;
border-radius: 10px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.