CSS Layout: Grid

Question 1

CSS Variables

Answer 1

They allow for values to be assigned to a reusable variable name.
Variables are created and assigned to the :root of the document.

Question 2

CSS Grid

Answer 2

2-dimensional system, meaning it can handle both columns and rows.

Question 3

Grid Container

Answer 3

The element on which display: grid is applied.

Question 4

Grid Item

Answer 4

The children (i.e. direct descendants) of the grid container.

Question 5

Grid Line

Answer 5

The dividing lines that make up the structure of the grid. They can be either vertical (“column grid lines”) or horizontal (“row grid lines”) and reside on either side of a row or column.

Question 6

Grid Cell

Answer 6

The space between two adjacent row and two adjacent column grid lines. It’s a single “unit” of the grid.

Question 7

Grid Track

Answer 7

The space between two adjacent grid lines. You can think of them like the columns or rows of the grid.