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 vote300 views1 answer
Tailwind container
Html
0 vote306 views2 answers
Fibonacci Series in html
Html
16 votes331 views3 answers
Href email in html
Html
0 vote300 views1 answer
Chat room website template free download
Html
208 votes391 views6 answers
How to link your js file to html
Html
0 vote306 views1 answer
Open .html file in webbrowser c#
Html
4 votes259 views10 answers
1+1
Html
19 votes302 views2 answers
How to resize hr in html
Html
4 votes414 views1 answer
Input number limit digits
Html
0 vote299 views1 answer
Construindo html amp
Html