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

1 vote278 views1 answer
Setting paragraph margin to 0
CSS
0 vote301 views2 answers
Wow.js
CSS
0 vote295 views2 answers
Showing two iframes side by side
CSS
0 vote293 views1 answer
Mettre image in the background
CSS
0 vote297 views2 answers
Command line download file from google drive
CSS
0 vote282 views2 answers
Ssh: connect to host 165.22.132.219 port 22: Connection refused
CSS
0 vote308 views1 answer
Css to exclude last row table
CSS
3 votes289 views9 answers
Bootstrap 5
CSS
0 vote314 views1 answer
Make element no styles
CSS
1 vote309 views2 answers
Css scroll y showing scroll bar
CSS