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 vote159 views2 answers
Json to html table
Html
0 vote180 views1 answer
Javascript smooth scroll animation
Html
77 votes179 views6 answers
Html button with link
Html
0 vote159 views2 answers
Print page button html
Html
0 vote165 views1 answer
Write a html code using frames with background color
Html
0 vote168 views1 answer
Restart remote computer cmd using ip address
Html
179 votes194 views10 answers
Minecraft
Html
2 votes199 views1 answer
Html sms link iphone
Html
0 vote209 views1 answer
Html extarea line break
Html
0 vote298 views1 answer
Divs
Html