Break to a new line flexbox

<div class="container">
  <div class="item"></div>
  <div class="break"></div> <!-- break -->
  <div class="item"></div>
</div>

<style>
  /* Inserting this collapsed row between two flex items will make 
     the flex item that comes after it break to a new row */
  .break {
	flex-basis: 100%;
	height: 0;
  }
</style>

Source: tobiasahlin.com

Similar codes

0 vote343 views1 answer
Ionic ion-title center
Html
0 vote333 views1 answer
How to remove whitespace below my footer in html
Html
0 vote334 views1 answer
Opening tag closing tag
Html
91 votes314 views6 answers
Bootstrap 4 text color
Html
29 votes357 views6 answers
Html center text
Html
0 vote335 views1 answer
Add href to div
Html
2 votes325 views2 answers
How to put something on the bottom right corner in html
Html
3 votes270 views1 answer
Html audio autoplay
Html
0 vote321 views1 answer
Why place holder does not show
Html
1 vote360 views1 answer
Webkit autofill background color
Html