+
6 Flex Lines |
flexbox-flex-wrap-flexing |
= |
|
flex-wrap flexes widths after line breaking
- Flex items given more space after line breaking should flex wider
- http://www.w3.org/TR/css-flexbox-1/#flex-wrap-property
- http://www.w3.org/TR/css-flexbox-1/#flex-property
|
grid-as-flex-item-should-not-shrink-to-fit-001 |
= |
|
Evaluate the behavior of a grid container as Flexbox item
- A single-line column flexbox shouldn't shrink-to-fit since its flex item is stretching in the main-axis, honoring the 'align-self: normal (behaves as 'stretch')'. The grid item's inline-size should be stretched as well, honoring its justify-self: 'normal' (behaves as 'stretch')
|
grid-as-flex-item-should-not-shrink-to-fit-002 |
= |
|
Evaluate the behavior of a grid container as Flexbox item
- The align-content: 'stretch' prevents the multi-line column flexbox to shrink-to-fit (default behavior), hence the grid container will be stretched, honoring its align-self: 'normal (behaves as 'stretch'), as well as its grid item, honoring its justify-self: 'normal' (behaves as 'stretch')
|
grid-as-flex-item-should-not-shrink-to-fit-003 |
= |
|
Evaluate the behavior of a grid container as Flexbox item
- A single-line column flexbox shouldn't shrink-to-fit since its flex item is stretching in the main-axis, honoring the 'align-self: normal (behaves as 'stretch')'. The vertical grid item's inline-size should be stretched as well, honoring its justify-self: 'normal' (behaves as 'stretch')
|
grid-as-flex-item-should-not-shrink-to-fit-004 |
= |
|
Evaluate the behavior of a grid container as Flexbox item
- The align-content: 'stretch' prevents the multi-line column flexbox to shrink-to-fit (default behavior), hence the grid container will be stretched, honoring its align-self: 'normal (behaves as 'stretch'), as well as its vertical grid item, honoring its justify-self: 'normal' (behaves as 'stretch')
|
grid-as-flex-item-should-not-shrink-to-fit-005 |
= |
|
Evaluate the behavior of a grid container as Flexbox item
- A single-line column flexbox shouldn't shrink-to-fit since its flex item is stretching in the main-axis, honoring the 'align-self: normal (behaves as 'stretch')'. The grid item's inline-size should be stretched as well, honoring its justify-self: 'normal' (behaves as 'stretch')
|
grid-as-flex-item-should-not-shrink-to-fit-006 |
= |
|
Evaluate the behavior of a grid container as Flexbox item
- The align-content: 'stretch' prevents the multi-line column flexbox to shrink-to-fit (default behavior), hence the grid container will be stretched, honoring its align-self: 'normal (behaves as 'stretch'), as well as grid item, honoring its justify-self: 'normal' (behaves as 'stretch')
|
grid-as-flex-item-should-not-shrink-to-fit-007 |
= |
|
Evaluate the behavior of a grid container as Flexbox item
- A single-line column flexbox shouldn't shrink-to-fit since its flex item is stretching in the main-axis, honoring the 'align-self: normal (behaves as 'stretch')'. The grid item's relative block size will be resolved againts the grid's row size, while its inline-size should be stretched as well, honoring its justify-self: 'normal' (behaves as 'stretch')
|
grid-as-flex-item-should-not-shrink-to-fit-008 |
= |
|
Evaluate the behavior of a grid container as Flexbox item
- A single-line column flexbox shouldn't shrink-to-fit since its flex item is stretching in the main-axis, honoring the 'align-self: normal (behaves as 'stretch')'. The grid item has a relative inline-size, which should be resolved against the stretched grid's inline-size.
|