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

30 votes144 views1 answer
Fork me github ribbon code html css
Html
2 votes132 views2 answers
Add google search bar to our website in html
Html
45 votes203 views4 answers
How to add an svg image to html
Html
14 votes131 views3 answers
How to download stuff html
Html
1 vote125 views1 answer
Ng router link
Html
0 vote138 views2 answers
P-dialog style
Html
0 vote122 views1 answer
Tailwind css width 50 percent
Html
0 vote151 views1 answer
Input focus onload
Html
-2 votes125 views1 answer
Html href to gmail
Html
-1 vote121 views3 answers
Tailwind
Html