<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color:#E7E9EB;
}
#myDIV {
width:200px;
height:300px;
background-color:#FFFFFF;
}
#mymain {
width:100%;
height: 100px;
display: flex;
flex-wrap:wrap;
}
</style>
</head>
<body>
<h1>The flex-grow property</h1>
<div id="myDIV">
<div id="mymain">
<div style="background-color:coral;">red div</div>
<div style="background-color:lightblue;">blue div</div>
<div style="background-color:khaki;">yellow div</div>
<div style="background-color:pink;">pink div</div>
</div>
</div>
</body>
</html>