/CSS/Align divs vertically start new column after every row

Align divs vertically start new column after every row

.column-container {
  column-width: 15rem; /* width of each column */
  column-gap: 1rem; /* increase gap between each column */
  width: 80%;
}

.column-container .column {
  margin-bottom: 1rem;
}

Source: stackoverflow.com

Similar codes

0 vote152 views1 answer
How to set the scroll in bootstrap4 table body
CSS
0 vote118 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
2 votes139 views2 answers
Html how to split a div into two columns
CSS
0 vote115 views1 answer
Poretty print css
CSS
29 votes136 views6 answers
Css animation
CSS
1 vote136 views1 answer
About us page template html css codepen
CSS
0 vote107 views1 answer
How to use css print page break with float
CSS
0 vote115 views1 answer
Statamic regex replace
CSS
43 votes130 views4 answers
Scale css
CSS
2 votes122 views2 answers
Display none transition
CSS