1. CSS Logical Properties

    Logical properties and values provide control of layout through logical, rather than physical, direction and dimension mappings. These properties are `writing-mode` relative equivalents of their corresponding physical properties.

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

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

  4. CSS min/max-width/height

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

  5. 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).

  6. performanceelementtiming api: naturalwidth

  7. css property: -webkit-min-logical-width

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

  9. css property: min-width

  10. css property: min-width: `auto`

  11. css property: min-width: `fit-content`

  12. css property: min-width: `fit-content()`

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

  14. css property: min-width: `min-content`

  15. css property: min-width: `stretch`

  16. css property: width: `min-content`