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

2 votes147 views2 answers
Change color of mark in css
Html
0 vote152 views1 answer
Balzor onchange
Html
12 votes151 views2 answers
How to center a div on teh screen
Html
0 vote166 views2 answers
How to type the copyright symbol
Html
1 vote148 views1 answer
Html disable editing textbox
Html
0 vote142 views1 answer
Laravel route generating url named routes
Html
0 vote143 views1 answer
Auto click script
Html
12 votes157 views3 answers
Vue v-model
Html
48 votes198 views4 answers
Favicon htmk
Html
0 vote168 views1 answer
Bootstrap force majuscule class
Html