Name: Sobes.tech
Rating: 4.9 (250 reviews)

Media Queries: Использование CSS @media правил для применения стилей на основе характеристик устройства (ширина, высота экрана, ориентация и т.д.).
```
/* Пример Media Query */
@media (max-width: 600px) {
  .container {
    width: 90%;
  }
}
```

Flexible Grid Layout (Гибкая сеточная разметка): Построение макета с использованием относительных единиц (%, vw, vh) и гибких свойств (flex, grid).

/* Пример Flexbox */
.parent {
  display: flex;
  flex-wrap: wrap; /* Позволяет элементам переходить на новую строку */
}

.child {
  flex: 1 1 200px; /* Позволяет элементу растягиваться, сжиматься и иметь базовую ширину */
}

Flexible Images and Media (Гибкие изображения и медиа): Использование CSS свойств max-width для изображений и других медиа-элементов, чтобы они масштабировались пропорционально.
```
/* Пример гибкого изображения */
img {
  max-width: 100%; /* Изображение не будет превышать ширину родительского контейнера */
  height: auto;    /* Сохраняет пропорции */
}
```
Mobile-First vs. Desktop-First:
- Mobile-First: Стиль разрабатывается сначала для мобильных устройств, а затем расширяется для больших экранов с помощью min-width Media Queries. Считается лучшей практикой, так как упрощает стилизацию для ограниченных ресурсов мобильных устройств и улучшает производительность.
- Desktop-First: Стиль разрабатывается сначала для десктопов, а затем уменьшается для маленьких экранов с помощью max-width Media Queries.
Feature Detection (Определение возможностей): Использование JavaScript для определения возможностей браузера или устройства (например, поддержки тач-интерфейса) и применения соответствующих стилей или функционала. Инструменты вроде Modernizr могут помочь.
Responsive Typography (Отзывчивая типография): Изменение размера шрифта и высоты строки в зависимости от размера экрана, часто с использованием относительных единиц (em, rem, vw) и Media Queries.
```
/* Пример отзывчивой типографии */
h1 {
  font-size: 2em;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3em;
  }
}
```
Server-Side Detection (Определение на стороне сервера): Определение типа устройства или браузера на сервере и отправка соответствующей версии страницы или стилей. Менее распространенный подход в современном Frontend.

Какие подходы к созданию адаптивного дизайна вы знаете?