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 vote161 views1 answer
Combining <symbol> with <use> SVG tags on a HTML page
Html
0 vote115 views1 answer
How to change text place in html
Html
1 vote112 views1 answer
Git 443 operation timed out
Html
-2 votes112 views1 answer
Change transparancy img css
Html
9 votes120 views3 answers
Jquery select by class
Html
15 votes114 views2 answers
Html radio only one checked
Html
8 votes114 views6 answers
Bootstrap table
Html
0 vote111 views4 answers
Add link to text using span html
Html
0 vote79 views1 answer
How to make a search bar with div
Html
27 votes108 views5 answers
Class binding vue
Html