Check out example codes for "css grid auto wrap". It will help you in understanding the concepts better.
Code Example 1
Use this if you are trying to wrap your rows in css grid like with flex-wrap. grid-template-columns: repeat(auto-fill, <your-size>px);
Code Example 2
this one will provide a more responsive behavior as you can specify the minimum size to start wrapping and max size so it grows and adapts to bigger screens grid-template-columns: repeat(auto-fill, minmax(300px, 3fr));
Learn ReactJs, React Native from akashmittal.com