Знаком ли с Media query

Да, знаком. Media queries — это CSS-технология, позволяющая адаптировать стили под разные устройства, учитывая их характеристики (ширина экрана, ориентация, разрешение и т. д.).

Пример:

/* Стили для экранов шириной до 768px */
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
}

/* Стили для экранов в альбомной ориентации */
@media (orientation: landscape) {
  .sidebar {
    width: 30%;
  }
}

Используется в адаптивном дизайне для создания отзывчивых интерфейсов. Поддерживается всеми современными браузерами.