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

0 vote251 views1 answer
Types of list in html
Html
20 votes289 views5 answers
Html text decoration
Html
0 vote283 views1 answer
How to set a fav icon
Html
1 vote283 views1 answer
Input type submit for button
Html
0 vote308 views2 answers
How to put two words in a button on single line
Html
2 votes326 views1 answer
Info icon in html
Html
1 vote295 views1 answer
Html Contenteditable attribute
Html
20 votes302 views4 answers
Link icon html
Html
0 vote276 views1 answer
Email html table
Html
15 votes284 views2 answers
Boootstrap
Html