I’m trying to achieve some particular behaviour with grid but I have a problem. I’m using grid-template-columns: repeat(auto-fit, minmax(260px, 400px)); To my understanding it should flex between 260px and 400px – in other words, width of the element in grid should start at 260px, then expand to maximum of 400px as width of the viewport increases, and then when space allows for it, it should add another element into the row and shrink back all elements in the row to 260px, and then repeat the process…if that makes sense. Unfortunately all elements always stay at 400px all the time and never shrink to 260px. Is there a way to achieve what I want with grid but without to much complication?