Before we dive into CSS Grid concepts, let’s cover some basic terminology.
Grid linesThe vertical and horizontal lines that divide the grid and separate the columns and rows.
Grid cellA single unit of a CSS grid.
Grid areaRectangular space surrounded by four grid lines. A grid area can contain any number of grid cells.
Grid trackThe space between two grid lines. This space can be horizontal or vertical
Grid rowA horizontal track of a grid.
Grid columnA vertical track of a grid.
GutterThe space between rows and columns in a grid.
Grid containerThe container that holds the entire CSS grid. It will be the element that has thedisplay: grid or display: inline-grid property on it.
Any element that is a direct child of a grid container.
Got it? Let's move on to creating our first grid with CSS Grid Layout.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.5