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

23 votes152 views6 answers
Html how to change background color
Html
-2 votes110 views1 answer
How to onclick function in php
Html
1 vote166 views4 answers
Ex
Html
0 vote164 views1 answer
Detect changes in html binded property angular 8
Html
49 votes156 views4 answers
Html start code
Html
13 votes169 views2 answers
How to get text in middle of page html
Html
29 votes129 views1 answer
How to make the dashed border with longer dashes css
Html
0 vote170 views1 answer
How to change progress tag bar color in html
Html
20 votes152 views4 answers
How get element by name in jquery
Html
0 vote225 views1 answer
Move an image html
Html