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 vote117 views1 answer
R download a url
Html
2 votes69 views1 answer
Html li tag
Html
0 vote132 views1 answer
Twig lower string
Html
10 votes118 views3 answers
Comment out html in react
Html
50 votes114 views6 answers
Html text color
Html
1 vote109 views1 answer
Hotlink html
Html
1 vote130 views1 answer
Routerlink forward ionic
Html
0 vote139 views1 answer
Multilevel list html
Html
0 vote144 views1 answer
Remover Acentos
Html
9 votes123 views2 answers
Bootstrap 4 position relative div
Html