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