grid-template-columns: repeat(auto-fit, minmax(50px, 1fr));

add this in your .grid class where

1. auto-fit ::will automatically fill as many as grid items within the available space
2. minmax :: each item will have min width of 50px and grow equally up to 1fr