Grid alignment

HTML

<div class="grid-container">
  <div>aaaa aaaa aaaaa aaa</div>
  <div>aaa aa aaaa aa</div>
  <div>bbbb bb b bb bbbbb bbbb</div>
  <div>bbb bbbb bbbbbbbbb bb</div>
  <div>ccccccccccc cccc ccc ccccc</div>
  <div>ccccc cccc ccc</div>
</div>

CSS

.grid-container {
  display: inline-grid;
  grid-template-columns: repeat(2, auto);
  gap: 1rem;
}