const num = 5
console.log(num === 5 ? 'Пять' : 'Не пять')
// Пять

(A) ? (B) : (C)

const num = 10
const result =  num > 10 ? 'Число больше 10' :
                num === 10 ? 'Число равно 10' : 'Число меньше 10'
console.log(result)
// 'Число равно 10'

🗣️ Отступы в примере проставлены для лучшей читаемости конструкции, они не влияют на выполнение кода.

Если вам нравится такой формат постов, добавь 🔥🔥🔥

Оно определяет точку выравнивания содержимого внутри контейнера

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

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

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

object-position — инструмент точного контроля над кадрированием без редактирования изображений

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

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

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

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