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

6 votes181 views1 answer
<meta name="viewport" content="width=650, user-scalable=yes">
Html
0 vote197 views3 answers
Html css text style on a word
Html
0 vote236 views1 answer
Pdf to html python
Html
255 votes291 views8 answers
Bootstrap 4 cdn
Html
23 votes185 views2 answers
Html display none
Html
0 vote194 views1 answer
Typo3 news search form params lost pagination
Html
0 vote190 views1 answer
Npm package private
Html
10 votes186 views6 answers
Bootstrap 5 tab
Html
3 votes189 views2 answers
Html dash code
Html
0 vote185 views1 answer
Can col be in side selection html
Html