/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

2 votes211 views2 answers
Remove the glow in bootstrap input
CSS Bootstrap
5 votes172 views3 answers
Css box shadow not on bottom
CSS
0 vote155 views1 answer
Browser renders before styles are applied
CSS
0 vote169 views1 answer
Css set transition duration for a property
CSS
0 vote155 views1 answer
Border radius circle button
CSS
10 votes151 views2 answers
Remove underline on hover span
CSS
1 vote170 views2 answers
How to center topnav bar in html
CSS
68 votes150 views5 answers
Jquery css
CSS
-1 vote129 views2 answers
How to add border between links in navigation bar
CSS
0 vote140 views1 answer
Css margin top responsive
CSS