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 votes321 views2 answers
Html align text left
Html
0 vote341 views2 answers
Zoneofdevelopment
Html
32 votes334 views6 answers
Vue conditional class
Html
9 votes331 views1 answer
Html link to call phone number
Html
8 votes305 views1 answer
TypeError: Illegal invocation
Html
1 vote340 views2 answers
How to add a paragraph in html
Html
0 vote322 views1 answer
Fix form refresh sites html
Html
2 votes291 views2 answers
Jinja2 iterate dict
Html
0 vote347 views1 answer
Html two classes in one element
Html
0 vote305 views1 answer
How to make body element in html
Html