1. CSS Grid Lanes

    CSS Grid Lanes extends CSS Grid to create layouts with columns *or* rows (not both), allowing mixed aspect ratio content to pack neatly (also known as "masonry" or "waterfall" layout).

  2. CSS3 object-fit/object-position

    Method of specifying how an object (image or video) should fit inside its box. object-fit options include "contain" (fit according to aspect ratio), "fill" (stretches object to fill) and "cover" (overflows box but maintains ratio), where object-position allows the object to be repositioned like background-image does.

  3. css at-rule: `@media`: `aspect-ratio` media feature

  4. css at-rule: `@media`: `device-aspect-ratio` media feature

  5. css property: aspect-ratio

  6. css property: aspect-ratio: auto