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 vote114 views1 answer
Twig merge
Html
2 votes107 views2 answers
Python selenium get html content
Html
10 votes112 views1 answer
Turn of sujestion in input
Html
15 votes109 views4 answers
How to add a link to your images in html
Html
0 vote105 views1 answer
Express js search example
Html
0 vote115 views1 answer
Html unidades de medida
Html
0 vote63 views1 answer
Types of list in html
Html
26 votes121 views3 answers
Bootstrap 4 success alert
Html
0 vote126 views1 answer
Store html line break in database
Html
0 vote104 views1 answer
Html estrutura
Html