1. Intrinsic & Extrinsic Sizing

    Allows for the heights and widths to be specified in intrinsic values using the `max-content`, `min-content`, `fit-content` and `stretch` (formerly `fill`) properties.

  2. css property: block-size: `max-content`

  3. css property: flex-basis: max-content

  4. css property: grid-template-columns: max-content

  5. css property: grid-template-rows: max-content

  6. css property: height: max-content

  7. css property: inline-size: `max-content`

  8. css property: max-block-size: `fit-content`

  9. css property: max-block-size: `fit-content()`

  10. css property: max-block-size: `max-content`

  11. css property: max-block-size: `min-content`

  12. css property: max-height: fit-content

  13. css property: max-height: `fit-content()`

  14. css property: max-height: max-content

  15. css property: max-height: min-content

  16. css property: max-inline-size: `fit-content`

  17. css property: max-inline-size: `fit-content()`

  18. css property: max-inline-size: `max-content`

  19. css property: max-inline-size: `min-content`

  20. css property: max-width: fit-content

  21. css property: max-width: `fit-content()`

  22. css property: max-width: max-content

  23. css property: max-width: min-content

  24. css property: min-block-size: `max-content`

  25. css property: min-height: `max-content`

  26. css property: min-inline-size: `max-content`

  27. css property: min-width: `max-content`

  28. css property: width: max-content