As I said Previously grid cannot entierly used without media queries, but in few cases we can stop using queries,
Ex: grid-template-columns: using this we can make a page like {youtube, ecommerce, or few blogs} responsive without using queries, this will make the elements inside it to be take the given ammount and renders it on the screen based on screen size,
you can alter the number of divs or components displayed on the screen by increasing the size in "grid-template-columns: repeat(auto-fit, minmax(size, 1fr));"
I would love you to share how to write grid without queries please.
As I said Previously grid cannot entierly used without media queries, but in few cases we can stop using queries,
Ex: grid-template-columns: using this we can make a page like {youtube, ecommerce, or few blogs} responsive without using queries, this will make the elements inside it to be take the given ammount and renders it on the screen based on screen size,
link : codepen.io/murali-sree-krishna/pen...
you can alter the number of divs or components displayed on the screen by increasing the size in "grid-template-columns: repeat(auto-fit, minmax(size, 1fr));"
These were upto my knowledge, I might be wrong
Very helpful buddy... Thanks