1. Media Queries: Range Syntax

    Syntax improvements to make media queries using features that have a "range" type (like width or height) less verbose. Can be used with ordinary mathematical comparison operators: `>`, `<`, `>=`, or `<=`. For example: `@media (100px <= width <= 1900px)` is the equivalent of `@media (min-width: 100px) and (max-width: 1900px)`

  2. 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.

  3. CSS min/max-width/height

    Method of setting a minimum or maximum width or height to an element.

  4. Viewport units: vw, vh, vmin, vmax

    Length units representing a percentage of the current viewport dimensions: width (vw), height (vh), the smaller of the two (vmin), or the larger of the two (vmax).

  5. css property: -webkit-max-logical-height

  6. css property: height: max-content

  7. css property: max-height

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

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

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

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

  12. css property: max-height: none

  13. css property: max-height: stretch

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