Как адаптировать сайт под все мобильные устройства?

1. Прописать правильный вьюпорт:

   <meta name="viewport" content="width=device-width, initial-scale=1.0">

2. Определиться с медиа-запросами - какие контрольные точки и в какую сторону использовать. Выбрать, какие именно разрешения нужны, а так же в какую сторону вы их применяете. Есть 2 основных подхода - mobile и desktop first. Это поможет избавиться от неразберихи какие стили что переназначают/перебивают на конкретной контрольной точке;

3. Для мобилок использовать относительные величины для ширины, а не жесткие, как 360px. Например, всему сайту задать width: 100%; а контейнеру-центровщику width: 80%;. Но и контент внутри контейнера должен тянуться конечно же.

Несколько статей для изучения темы:

• Как превратить обычные сайты в адаптивные?
• Адаптивная вёрстка сайта, урок первый. Вёрстка главной страницы
• Основы адаптивного веб — дизайна (Responsive). Или как сделать простой шаблон адаптивным.
• Адаптивная верстка: что это и как использовать