Check out example codes for "css grid mdn". It will help you in understanding the concepts better.

Code Example 1

/* Answer to: "css grid mdn" */

  The grid CSS property is a shorthand property that sets all of
  the explicit grid properties (grid-template-rows,
  grid-template-columns, and grid-template-areas), and all the
  implicit grid properties (grid-auto-rows, grid-auto-columns, and
  grid-auto-flow), in a single declaration.

  For more information, go to:

Learn ReactJs, React Native from