Translate element depending on its position in css-grid in react
I have an app component that contains a parent element, which is a css-grid container. Inside the parent, I have a couple of box elements. The layout is set up so that each box is 100px x 100px large, and the number of columns is based on the available window width.