side by side div with same height

same height of side by side div using flex

by maani_77

HTML

<div class="parent">
  <div class="child1">
    <p>some text</p>
  </div>
  <div class="child2">
    <h1>large content</h1>
    <p>so much data here. so much data here so much data here so much data hereso much data here v so much data here v so much data here vso much data here so much data here so much data here v so much data here so much data here so much data here so much data here</p>
  </div>
</div>

CSS

.parent{
display:flex;
}
.child1{
flex: 1;
}
.child2{
flex: 1;
}

/* you dont need this css */
.child1{
	background: yellow;
}
.child2{
	background:red;
}