my flex-grow property not workoing in my vs code

vishalrichhariya · Post by **vishalrichhariya** » Wed Dec 29, 2021 9:41 am

i am facing problem about flexbox property
this property is not working on my laptop vs code please some one check this code <ul>
<h1> flex-grow not workoing</h1>
<code>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>flexbox challenge 3</title>
</head>
<style>
aside{
height: 100%;
width: 200px;
background-color: rgb(211, 35, 35);
float: left;
}
.container{
display: flex;
flex-direction: column;

}
.item {
border: 2px solid black;
font-size: 2em;
flex-grow: 1;

}
.item-one{
background-color: cadetblue;
}
.item-two{
background-color: coral;
flex-grow: 3;
}
.itme-three{
background-color: cornflowerblue;
}

</style>
<body>
<aside>nav</aside>
<div class="container">
<div class="item item-one">header</div>
<div class="item item-two">article</div>
<div class="item item-three">footer</div>
</div>
</body>
</html></code>