【CSS】aspect-ratioとgapでレスポンシブ対応のグリッドレイアウト

新しめなCSSプロパティのaspect-ratioとgapを使って、幅を変えても常に正方形を維持し、アイテムとガターの比率も維持するグリッドレイアウトを作りました。

最近までこういうレイアウトの作るにはこんなにめんどくさい実装が必要でした。とても便利になりました。ブラウザ対応状況としてはIEは無理ですが、他のブラウザは大丈夫です！