単純な横並びのレイアウトはgridがおすすめ

flexだと横並びにしたコンテンツ間のマージン設定がしづらい。

gridだと下記のような書き方で簡単に設定できる。
.クラス名{
display: grid;
align-items: center;
grid-template-columns: 1fr 1fr;
gap: 24px;
}

gapプロパティを設定することでアイテム同士の横方向と縦方向の間隔をまとめて指定できる点がflexとの違いの一つ。

以上です。 お読みいただきありがとうございます。