Advanced Search

Flexbox, take full width for each children element

/ Published in: CSS
Save to your folder(s)
Take full available width of a wrapper.

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1. /* wrapper */
  2. .flexbox {
  3.   display: -webkit-box;
  4.   display: -moz-box;
  5.   display: -ms-flexbox;
  6.   display: -webkit-flex;
  7.   display: flex;
  8.   justify-content: space-around;  
  9. }
  10. /* children */
  11. .children {
  12.  display: block;
  13.  width: 100%;
  14. }

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.