The grid stopped stretching at line 4, line 4 is the last line on the grid.
The grid started stretching at line 2, line 2 is NOT the first line on the grid.
Shouldn’t is start stretching from line 1 by default for any grid?
Yes, but by using the CSS property grid-column, you can tell the element to specifically start and stop where.
So by default they will start at 1 and end at 4, in this scenario. Then you added the grid-column property to with the value of 2/4. This is Forcing the element to start at 2 and end at 4.
It’s like when you’re telling the text of an element to become blue or green, but the default is black, so if the color property is not defined, then it’s going to fallback to it’s default which is black.
Ok i think I get it now. So on a 3x3 grid if its set to 1/3 for example, the first 2 columns are consumed. If its set to 2/4, the last two columns are consumed.
Alternatively, on a 5x5 grid:
2/5 would consume 3 columns smack dab in the middle.
5/6 would consume the last column, correct?