Get the code of Display Flex Grow Equal in CSS and watch video tutorials. You can practice using our code editor. Our practical guide will make your learning journey much easier. You can explore the tutorial and learn.
<div class="container">
<div class="first">1</div>
<div class="second">2</div>
<div class="third">3</div>
</div>.container {
background: dodgerblue;
display: flex;
}
.container div {
background: white;
margin: 5px;
padding: 10px;
}
.container .first,
.container .second {
flex-grow: 1;
}
.container .third {
flex-grow: 6;
}