xxxxxxxxxx
/* HTML */
<div class="column-container">
<div class="column-item">Column 1</div>
<div class="column-item">Column 2</div>
<div class="column-item">Column 3</div>
<div class="column-item">Column 4</div>
<div class="column-item">Column 5</div>
</div>
/* CSS */
.column-container {
column-count: 3; /* Change the value to the desired column count */
column-gap: 20px; /* Optional, adds spacing between columns */
}
.column-item {
break-inside: avoid; /* Optional, prevents column breaks within items */
}