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

12 votes168 views1 answer
Install php windows 10
Html
1 vote153 views2 answers
How to use div in html
Html
-1 vote172 views4 answers
Bootsrap button popup text on hover
Html
18 votes151 views4 answers
Meta icon html
Html
16 votes156 views4 answers
Text in border
Html
0 vote150 views1 answer
Html form reject default drop down list
Html
0 vote168 views2 answers
Popup
Html
0 vote162 views1 answer
Passing an amount to a donation radio button html code
Html
2 votes231 views3 answers
Coronavirus tips
Html
0 vote154 views1 answer
Automatically closed menu after clicked event
Html