CSS の gap は、要素間のスペースを定義する汎用的なプロパティです。gap は、行と列のギャップを定義するために 2 つの値をとることができるショートカット プロパティです。

Web レイアウトで要素を中央揃えすることは常に課題でしたが、最新の CSS では中央配置を簡単にサポートしています。Flexbox は、要素を中央揃えするために最も広く使用されている方法であり、コンテナ内の項目の間でスペースを簡単に配置して整列させることができる柔軟なレイアウト モデルを提供します。