Children containers do not scale with their parent [closed] - html

Question

Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed last month.
Improve this question
I have 5 child divs in a parent div. The parent div does not fill the whole "window"-width", but all 5 children share the same space and fill their parent properly.
<div class="parent">
<div class="child" style="background-color:red" >child 01</div>
<div class="child" style="background-color:blue">child 02</div>
<div class="child" style="background-color:yellow">child
03</div>
<div class="child" style="background-color:grey">child 04</div>
<div class="child" style="background-color:green">child05</div>
</div>
When I use width: 90vw; for the container of the parent div, the parent div scales, yet the child divs remain the same size. Shouldn't the child divs scale automatically with their parent? How do I get it to do that?
My CSS code:
#import url('https://fonts.googleapis.com/css?
family=Muli&display=swap');
* {
box-sizing: border-box;
}
body {
font-family: 'Muli', sans-serif;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
overflow: hidden;
margin: 0;
}
.parent {
display: flex;
width: 90vw;
}

Answer 1

According to your explanation, I think you need to give a value for a parent div width in Viewport Width(vw) and, you need to give the same width for their children div tags. For the demonstration purpose, I included five children div tags inside the parent tag and gave different colors to see their widths.
edit: I have done some changes to your CSS styles and I removed the import statement. I think it overrides our CSS styles.
* {
box-sizing: border-box;
}
body {
font-family: 'Muli', sans-serif;
display: flex;
height: 100vh;
overflow: hidden;
margin: 0;
}
.parent {
display:"flex";
width: 90vw;
}
.child{
width:"100%";
}
<div class="parent">
<div class="child" style="background-color:red" >child 01</div>
<div class="child" style="background-color:blue">child 02</div>
<div class="child" style="background-color:yellow">child
03</div>
<div class="child" style="background-color:grey">child 04</div>
<div class="child" style="background-color:green">child05</div>
</div>