grid-template-columns repeat(auto-fill, minmax(300px, 1fr)) gets me 75% of the way theregrid-template-columns repeat(auto-fill, 300px) it is also almost what i want but now the columns will stay the same size without any shrinking/growth,grid-template-columns repeat(auto-fill, minmax(300px, 1fr)) max-width: 400px; on the children of the grid is like 90% of the way there except that if the columns grow bigger than 400px i would have to use justify-items: center; but that gives the children a larger "gap".