grid-template-columns に repeat(auto-fill, minmax(220px, 1fr)) と書くと、親の幅に入るだけカードが並び、余った幅はカードに配られます。auto-fit との違い、狭い画面では ...