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

3 votes268 views2 answers
Scrollbar change css
CSS
0 vote293 views2 answers
How to write text on video in html
CSS
0 vote275 views1 answer
Css unlock scroll
CSS
86 votes262 views6 answers
Css all caps
CSS
13 votes341 views3 answers
Iphne media query csss
CSS
13 votes290 views1 answer
Baclgroud image css
CSS
8 votes284 views2 answers
Css background image full screen responsive
CSS
3 votes292 views2 answers
Antialiasing css
CSS
1 vote266 views1 answer
Ul li dot seprator
CSS
0 vote287 views2 answers
Css großbuchstaben erzwingen
CSS