Grid lines

Grid lines are created anytime you use a CSS grid layout.

In the following example there is a grid with three column tracks and two row tracks. This gives us 4 column lines and 3 row lines.

Lines can be addressed using their line number. In a left-to-right language such as English, column line 1 will be on the left of the grid, row line 1 on the top. Lines numbers respect the writing mode of the document and so in a right-to-left language for example, column line 1 will be on the right of the grid. The image below shows the line numbers of the grid, assuming the language is left-to-right.