I have a Ul tag with the css as below
.tempUl{
display: grid;
grid-gap: 5px;
grid-template-columns: repeat(auto-fill ,minmax(400px, 2fr));
grid-auto-rows: 5px;
}
I am trying to make a 2 columned infinite scroll ul. Untill the height of html, body, div(.container) reaches 10262px, the li tags are well positioned. However, although i have put any limitations to those tags, grid ends at a certain point.

