110 lines
4.4 KiB
Plaintext
110 lines
4.4 KiB
Plaintext
|
|
PASS .grid 1
|
|
PASS .grid 2
|
|
PASS .grid 3
|
|
PASS .grid 4
|
|
PASS .grid 5
|
|
PASS .grid 6
|
|
PASS .grid 7
|
|
PASS .grid 8
|
|
PASS .grid 9
|
|
PASS .grid 10
|
|
PASS .grid 11
|
|
PASS .grid 12
|
|
PASS .grid 13
|
|
PASS .grid 14
|
|
PASS .grid 15
|
|
PASS .grid 16
|
|
Height is indefinite, so row gaps should be based on grid's 'auto' height. Column gaps based on a grid's 'auto' width, which will reduce the available space for tracks; however, they can grow exceeding their content's max-width.
|
|
|
|
XXX X XX X
|
|
XX XXX X X
|
|
X XX XXX X
|
|
XXXXX X XX
|
|
Height is indefinite, so row gaps should be based on grid's 'auto' height. Column gaps based on a grid's 'instrinsic' width, which reduce the available space for tracks; however, since we use 'fit-content' intrinsic size, first column's width is reduced and height increased to let its content to fit.
|
|
|
|
XXX X XX X
|
|
XX XXX X X
|
|
X XX XXX X
|
|
XXXXX X XX
|
|
Height is indefinite, so row gaps should be based on grid's 'auto' height. Column gaps based on a grid's 'auto' width, which will reduce the available space for tracks; however, they can grow exceeding their content's max-width.
|
|
|
|
XXX X XX X
|
|
XX XXX X X
|
|
X XX XXX X
|
|
XXXXX X XX
|
|
Height is indefinite, so row gaps should be based on grid's 'auto' height. Column gaps based on a grid's 'instrinsic' width, which reduce the available space for tracks; however, since we use 'fit-content' intrinsic size, first column's width is reduced and height increased to let its content to fit.
|
|
|
|
XXX X XX X
|
|
XX XXX X X
|
|
X XX XXX X
|
|
XXXXX X XX
|
|
Height is indefinite, so row gaps should be based on grid's 'auto' height. Column gaps based on a grid's 'auto' width, which reduce the available space for tracks; however, they are fixed sized and fit.
|
|
|
|
XXX X XX X
|
|
XX XXX X X
|
|
X XX XXX X
|
|
XXXXX X XX
|
|
Height is indefinite, so row gaps should be based on grid's 'auto' height. Column gaps based on a grid's 'intrinsic' width, which reduce the available space for tracks; however, they are fixed sized and don't fit so they overflow the grid container.
|
|
|
|
XXX X XX X
|
|
XX XXX X X
|
|
X XX XXX X
|
|
XXXXX X XX
|
|
Height is indefinite, so row gaps should be based on grid's 'auto' height. Column gaps based on a grid's 'auto' width, which reduce the available space for tracks; however, they are fixed sized and fit.
|
|
|
|
XXX X XX X
|
|
XX XXX X X
|
|
X XX XXX X
|
|
XXXXX X XX
|
|
Both row and column gaps are based on definite sizes, but they will reduce the available space for tracks; however, since the container's specified inline size is not enough, first column's width is reduced and height increased to let its content to fit.
|
|
|
|
XXX X XX X
|
|
XX XXX X X
|
|
X XX XXX X
|
|
XXXXX X XX
|
|
Both row and column gaps are based on definite sizes, but they will reduce the available space for tracks; however, they can grow exceeding their content's max-width.
|
|
|
|
XXX X XX X
|
|
XX XXX X X
|
|
X XX XXX X
|
|
XXXXX X XX
|
|
Both row and column gaps are based on definite sizes, they will reduce the available space for tracks; however, they are fixed sized and don't fit so they overflow the grid container.
|
|
|
|
XXX X XX X
|
|
XX XXX X X
|
|
X XX XXX X
|
|
XXXXX X XX
|
|
Both row and column gaps are based on definite sizes, they will reduce the available space for tracks; however, they are fixed sized and fit.
|
|
|
|
XXX X XX X
|
|
XX XXX X X
|
|
X XX XXX X
|
|
XXXXX X XX
|
|
Height is indefinite, so row gaps should be based on grid's 'auto' height. Column gaps based on a grid's 'instrinsic' width, which reduce the available space for tracks; however, since we use 'fit-content' intrinsic size, only 1 repeteation is allowed, so tracks are adjusted to fit in the intrinsic size reduced by the gaps.
|
|
|
|
XXX X XX X
|
|
XX XXX X X
|
|
X XX XXX X
|
|
XXXXX X XX
|
|
Both row and column gaps are based on definite sizes, they will reduce the available space for tracks; however, repeat auto-fill allows all of them to fit.
|
|
|
|
XXX X XX X
|
|
XX XXX X X
|
|
XX XXX X X
|
|
X XX XXX X
|
|
XXXXX X XX
|
|
XXXXX X XX
|
|
Both row and column gaps are based on definite sizes, they will reduce the available space for tracks; however, repeat auto-fill allows only 1 repetition.
|
|
|
|
XXX X XX X
|
|
XX XXX X X
|
|
X XX XXX X
|
|
XXXXX X XX
|
|
Grid with positioned items. Height is indefinite, so row gaps should be based on grid's 'auto' height. Column gaps based on a grid's 'auto' width, which reduce the available space for tracks; however, they are fixed sized and fit.
|
|
|
|
XXX X XX XXX XXX X XX XX XXX XXXXXX X XX
|
|
Grid with positioned items. Both row and column gaps are based on definite sizes, they will reduce the available space for tracks; however, they are fixed sized and don't fit so they overflow the grid container.
|
|
|
|
XXX X XX XXX XXX X XX XX XXX XXXXXX X XX
|