Да, на многих проектах использовал адаптивную вёрстку. Основным инструментом для различения устройств служили CSS media queries, которые позволяют применять разные стили в зависимости от ширины экрана. Обычно выделялся минимум три основных брейкпоинта:

Мобильные устройства (до 480-600px)
Планшеты (от 600px до 900-1024px)
Десктопы (более 1024px)

Пример media query для мобильных устройств:

@media (max-width: 600px) {
  /* стили для мобильных */
}

Также иногда использовал JavaScript для более точного определения устройства, например, по user-agent или размерам окна, но в большинстве случаев достаточно CSS. Для удобства и масштабируемости применял flexbox и grid, которые хорошо адаптируются под разные размеры экранов.

Была ли адаптивная вёрстка на проектах? Как различали мобилу, планшет, десктоп?