New line in flex container

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 vote151 views1 answer
Ionic slidesperview not working
CSS
64 votes178 views4 answers
Bootstrap buttons
CSS
6 votes151 views2 answers
Css last child with class
CSS
0 vote116 views1 answer
Which bootstrap css class will you use to put the navbar at the top of the page? feel free to check out the bootstrap website.
CSS
65 votes160 views3 answers
Css set variable
CSS
63 votes153 views6 answers
Center div absolute
CSS
7 votes145 views6 answers
Tailwind css cdn
CSS
0 vote173 views1 answer
Tailwind accordion
CSS
1 vote144 views1 answer
Restful url to update status
CSS
0 vote172 views1 answer
Music-metadata-browser Buffer is not defined
CSS