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 vote314 views1 answer
Html make page not zoomable
Html
0 vote330 views1 answer
Register form html
Html
69 votes309 views6 answers
Links in html
Html
1 vote356 views1 answer
Basecamp 3 api tag mention
Html
189 votes427 views10 answers
New Year's Eve
Html
0 vote317 views1 answer
HTML JWB3
Html
4 votes336 views1 answer
Tailwind push footer always to bottom of screen
Html
0 vote346 views4 answers
Html to exe
Html
0 vote312 views1 answer
How to take out interest of any number
Html
1 vote356 views2 answers
Sudo: /opt/lampp/lampp: command not found
Html