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 vote273 views2 answers
Elementor accordion closed by default
CSS
13 votes249 views2 answers
How to middle text css
CSS
21 votes280 views2 answers
Ul css in one line
CSS
10 votes272 views3 answers
Html disable suggestions
CSS
40 votes232 views8 answers
Font size css
CSS
14 votes271 views2 answers
Media query in scss
CSS
-1 vote233 views1 answer
Css tricks
CSS
0 vote244 views1 answer
How to make text in div elements not crumple up when the div element gets smaller
CSS
34 votes216 views6 answers
How to align text in css
CSS
0 vote243 views1 answer
Css add space right
CSS