Больше не нужно рассчитывать высоту через отступы или JavaScript — теперь это делается нативно

<div class="card"></div>

<style>
  .card {
    width: 300px;
    aspect-ratio: 16 / 9;
    background: #007bff;
    border-radius: 8px;
  }
</style>

• видео, изображения и превью с фиксированным соотношением сторон
• карточки, аватары и responsive UI
• создание адаптивных сеток без "резиновых" искажений

Возвращает true, если условие выполняется для каждого элемента, иначе false.

const numbers = [2, 4, 6, 8];

const allEven = numbers.every(num => num % 2 === 0);
console.log(allEven); // true

every() часто используют для проверки массивов перед отправкой данных на сервер

По смыслу похоже на background-size, но применяется к <img> и <video>.

<div class="wrapper">
  <img src="photo.jpg" alt="пример">
</div>

<style>
  .wrapper {
    width: 300px;
    height: 200px;
  }

  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
</style>

object-fit решает классическую проблему «кривых картинок» в карточках, галереях и адаптивных интерфейсах