Flex 2 columns per row

.item {
  width: 100%
}

.container {
  display: flex;
  flex-wrap: wrap;
}

.container > div {
  flex: 50%; /* or - flex: 0 50% - or - flex-basis: 50% - */
  /*demo*/
  box-shadow: 0 0 0 1px black;
  margin-bottom: 10px;
}
/////////////html
<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
</div>

Source: stackoverflow.com

Similar codes

0 vote221 views1 answer
Make an drodown menu
Html
1 vote241 views1 answer
Bs css link
Html
1 vote234 views1 answer
Html to markdown table
Html
0 vote239 views3 answers
How to use bootstrap
Html
0 vote222 views1 answer
Custom elements cannot query slot tags html5
Html
1 vote251 views1 answer
Axonivy reuseable component
Html
1 vote190 views1 answer
Cut text in html
Html
0 vote265 views1 answer
Get times in javascript
Html
1 vote225 views1 answer
Html input name array
Html
0 vote252 views2 answers
Hide input field title show when it is filled
Html