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

10 votes125 views6 answers
Bootstrap 5 tabs
Html
0 vote121 views1 answer
Not allow decimal in input type number
Html
0 vote85 views1 answer
Html translate
Html
14 votes133 views6 answers
Placeholder select html
Html
0 vote130 views1 answer
Radio checked on start
Html
1 vote173 views1 answer
Bootstrap .com boilerplate template
Html
1 vote134 views1 answer
Svg icon not showing html
Html
39 votes144 views6 answers
Bold html
Html
50 votes132 views2 answers
Html input label
Html
28 votes129 views3 answers
Meta viewport scale
Html