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

13 votes166 views6 answers
Html reload button
Html
0 vote153 views1 answer
How to align table in html
Html
0 vote192 views1 answer
[email protected] c=a.getattribute("data-submit false");a="1"===c||"q"===c &!a.elements.q.value?!0:!1}else
Html
1 vote164 views1 answer
How to code table headings in html
Html
0 vote173 views1 answer
Flutter html to pdf
Html
7 votes186 views2 answers
Infocard bootstrap 4 css templates
Html
0 vote148 views2 answers
Mobile app
Html
0 vote153 views1 answer
How to find total height of single page page in html
Html
23 votes169 views3 answers
Html tag email
Html
0 vote184 views1 answer
Html to pdf angular
Html