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 vote231 views1 answer
Two classes css modules
CSS
64 votes253 views4 answers
Bootstrap buttons
CSS
36 votes224 views2 answers
First-child
CSS
9 votes224 views1 answer
Howt to original image on background css
CSS
0 vote217 views1 answer
Container transparent text opaque
CSS
26 votes229 views10 answers
Bootstrap
CSS
0 vote238 views1 answer
Code-runner.executormap kotlin
CSS
7 votes242 views6 answers
Jquery remove css class
CSS
0 vote251 views3 answers
Bulma capitalized
CSS Bulma
0 vote215 views1 answer
Css popover arrow divi menu
CSS