try writing "_" at start of each variables.

from:

<div className=" bg-gray-100 rounded-lg grid  grid-cols-[repeat(4,minmax(100px,500px))]  ">

to:

<div className=" bg-gray-100 rounded-lg grid  grid-cols-[repeat(_4,minmax(_100px,_500px))]  ">