flexbox дивами слева направо

Есть два дива, хочу, чтобы они шли по очереди слева направо.

<div class="about-us">

    <h2>О нас:</h2> 
    <p>TEXT</p>

</div> 

<div class="buy-invite">
    <h2>Покупка</h2>

<p>TEXT</p>

    <a class="button-buy" href="index.html">$</a>
</div>

Ответы (1 шт):

Автор решения: entithat

body {
  display: flex;
}

body>div {
  flex-grow: 1;
}
<div class="about-us">
  <h2>О нас:</h2>
  <p>TEXT</p>
</div>

<div class="buy-invite">
  <h2>Покупка</h2>
  <p>TEXT</p>
  <a class="button-buy" href="index.html">$</a>
</div>

→ Ссылка