Grid Container
A grid container contains one or more grid items arranged in columns and rows.
Direct child elements(s) of the grid container automatically becomes grid items.
An element becomes a grid container when its display
property is set to grid
or inline-grid
.
Grid Tracks
The rows and columns of a grid is defined with the grid-template-rows
and the grid-template-columns
properties (or the shorthand grid
or grid-template
properties).
These define the grid tracks. A grid track is the space between two adjacent grid lines. Continue reading CSS Grid Container