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

3 votes151 views1 answer
Html image position
Html
4 votes178 views1 answer
A href to other site
Html
4 votes173 views1 answer
Rotate an image on hover CSS
Html
0 vote158 views1 answer
Html self closing tags
Html
0 vote180 views1 answer
Html mobile app template
Html
1 vote172 views2 answers
Float middle
Html
43 votes177 views6 answers
Html new line
Html
-2 votes177 views1 answer
Bootstrap meaning
Html
0 vote169 views1 answer
Rainbow hr html
Html
1 vote177 views1 answer
Javascript getelementbyid hide element
Html