Important terms and their definitions
This section includes grid-related terms and definitions we regularly use when working with grids. These terms are common knowledge and will help us discuss grids and grid-related code with fellow developers.
The following figure gives us a condensed overview of all grid parts.
Figure 9.1 – The essential grid terms, as seen and discussed in Chapter 1
The grid parts are defined as follows:
- Layout: The visual arrangement of elements on a page. It can be, but doesn’t have to be, a grid.
- Grid: The whole structure. This consists of all the arranged elements, layout, and attributes.
- Grid cell: A single cell of the grid, the smallest unit within a grid.
- Grid lines: Horizontal and vertical lines between grid cells.
- Grid track: An entire row or column of a grid.
- Grid area: A rectangle spanning one or more cells in both X and Y directions.
- Grid item: An item that is placed in...
