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 vote220 views1 answer
Tips for a perfect cake
Html
0 vote194 views2 answers
Which text is used to create text animations in html
Html
29 votes158 views2 answers
Make select required html
Html
15 votes213 views2 answers
Scroll smooth css
Html
20 votes185 views4 answers
Bootstrap col center content
Html
1 vote202 views1 answer
Toggle font awesome icon
Html
0 vote256 views1 answer
Java ee static html
Html
0 vote190 views2 answers
Vue img src
Html
19 votes200 views3 answers
Picsum random photos
Html
0 vote192 views1 answer
<model-view> in html tag
Html