It is suitable for rows of elements a la gallery, when you do not need to follow the design very accurately. Example: cards on my portfolio

Version with min()

grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr));

Don’t forget to check browser support

Original version

grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));

Note that it uses auto-fill, and not auto-fit. This is important when you have few grid elements so that they do not stretch.