How to Arrange two div side by side using Flexbox ?

Hey everyone welcome back to the blopost.

Today we will arrange two div side by side

so for this we will have one parent div and two child div inside that

HTML

<div class="flex-container">

  <div class="flex-child child1">
    Flex Column 1
  </div>

  <div class="flex-child child2">
    Flex Column 2
  </div>

</div>

CSS

.flex-container {
    display: flex;
}

.flex-child {
    flex: 1;

}