柔軟な中央寄せ

<div className="flex place-items-center">
  <div className="m-auto"></div>
</div>

コンテンツが少ない時は中央に揃い、はみ出る時は上寄せになる柔軟なレイアウト。コンテンツの量にばらつきがあるページに適しています。