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 vote231 views1 answer
Mostrar codificación de carácteres html
Html
0 vote250 views1 answer
Emmet abbr
Html
29 votes219 views1 answer
How to make the dashed border with longer dashes css
Html
208 votes262 views6 answers
Link open in new tab html
Html
2 votes230 views1 answer
How can i make that user cant input sonething textbx
Html
0 vote220 views1 answer
How to stop marquee text in html when you hover over it
Html
27 votes238 views3 answers
Html horizontal line style
Html
6 votes225 views2 answers
Raise WebDriverException( selenium.common.exceptions.WebDriverException: Message: 'chromedriver' executable needs to be in PATH. Please see https://sites.google.com/a/chromium.org/chromedriver/home
Html
213 votes191 views13 answers
Open link in new tab html
Html
0 vote252 views1 answer
Flexbox afbeeldingen
Html