Html flex grow

<h4>This is a Flex-Grow</h4>
<h5>A,B,C and F are flex-grow:1 . D and E are flex-grow:2 .</h5>
<div id="content">
  <div class="box" style="background-color:red;">A</div>
  <div class="box" style="background-color:lightblue;">B</div>
  <div class="box" style="background-color:yellow;">C</div>
  <div class="box1" style="background-color:brown;">D</div>
  <div class="box1" style="background-color:lightgreen;">E</div>
  <div class="box" style="background-color:brown;">F</div>
</div>

Source: developer.mozilla.org

Similar codes

120 votes196 views6 answers
Html redirect to another page
Html
1 vote186 views1 answer
Transform bounce css
Html
1 vote227 views1 answer
Sad
Html
0 vote130 views1 answer
Html translate
Html
123 votes235 views4 answers
Opem link in new tab html
Html
0 vote167 views1 answer
Class 'html' not found
Html
4 votes137 views2 answers
Hide div inside iframe
Html
0 vote186 views1 answer
One side toggle in bootstrap
Html
23 votes200 views2 answers
Input field image accept type
Html
182 votes252 views6 answers
How to set background image in html
Html