my flex-grow property not workoing in my vs code

For general web development questions that are not specifically related to CSS HTML Validator. This includes (but is not limited to) general HTML, CSS, Accessibility, JavaScript, and SEO questions.
Post Reply
vishalrichhariya
Rank 0 - Newcomer
Posts: 1
Joined: Wed Dec 29, 2021 9:24 am

my flex-grow property not workoing in my vs code

Post by vishalrichhariya »

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>
Post Reply