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 vote288 views1 answer
Border corner frames image css
Html
254 votes487 views6 answers
Bootstrap 4.5 cdn
Html
0 vote287 views1 answer
Cannot resolve net.md-5:bungeecord-api:1.16-SNAPSHOT
Html
21 votes289 views2 answers
Html list inline
Html
2 votes287 views1 answer
Link to call a phone number
Html
45 votes280 views4 answers
Middle text css
Html
43 votes266 views3 answers
Html structure
Html
0 vote308 views4 answers
Bootstrap starter template
Html
-1 vote281 views1 answer
Send html email from outlook
Html
0 vote300 views1 answer
Vue-date-pick
Html