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 vote134 views1 answer
Html2pdf page break option
Html
0 vote112 views1 answer
Weather widget html
Html
1 vote100 views2 answers
Get checkbox value in div TAG
Html
15 votes103 views3 answers
How to add a link to an image in html
Html
0 vote106 views1 answer
Applying padding increases the size of the element
Html
0 vote107 views1 answer
Is redux based on flux
Html
1 vote114 views1 answer
How to add the phtml using xml magento 2
Html
0 vote120 views1 answer
What is the best class for lists in html
Html
1 vote94 views2 answers
Button to hide and show div
Html
24 votes91 views6 answers
Html email
Html