CSS Grid

 Terminologies

  • Grid Container: The element containing a grid, defined by setting display: grid;
  • Grid item: The element that is a direct descendant of the grid container.
  • Grid Line: The horizontal and vertical lines separating the grid into sections. They are referenced by number starting from the top-left corner of the grid container. Can also be named for easier reference.
  • Grid Cell: The intersection between a grid row and a grid column.
  • Grid Tracks: The space between two or more adjacent grid lines.
  • Grid Gap: The empty space between grid tracks. Commonly called a gutter.

Comments