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 vote147 views1 answer
Javascript update number
Html
1 vote95 views1 answer
How to remove .php .html extension with .htaccess
Html
0 vote155 views2 answers
Creastapp
Html
0 vote119 views1 answer
Flask base models
Html
2 votes135 views1 answer
Html inline style margin
Html
-1 vote144 views1 answer
How to set image alignment in html
Html
1 vote141 views1 answer
Svg as button
Html
61 votes146 views2 answers
Form example
Html
0 vote129 views1 answer
Write html in python
Html
7 votes145 views1 answer
Bootstrap background image for card
Html