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

Адаптивный сайт - это вёрстка, которая перестраивается под размер экрана: на телефоне колонки складываются в одну, шрифт и кнопки увеличиваются под палец, боковое меню сворачивается в бургер. Технически это делают через CSS media queries и гибкую сетку - flexbox или grid, без горизонтального скролла на любом экране от 320 пикселей и шире.

Хороший подход - проектировать сразу с мобильного макета, а не подгонять десктопную версию под маленький экран задним числом: так меньше шансов, что кнопка окажется в трёх пикселях от соседней. Изображения и шрифты должны масштабироваться относительными единицами, а не фиксированными пикселями, иначе на широком экране картинка растянется, а на узком обрежется.

Проверить адаптивность просто: в браузере есть встроенный режим устройств (в Chrome - F12, потом иконка телефона), который показывает сайт на экранах разных размеров без реального смартфона под рукой. Финальную проверку всё же стоит делать на живом устройстве - минимум один Android и один iPhone, потому что браузерный эмулятор не всегда точно повторяет поведение реального рендерера.

Если сайт уже сдан и адаптивности нет, это обычно не мелкая правка CSS, а переработка вёрстки - закладывайте на неё отдельное время и бюджет, а не пару часов работы. На будущее требование адаптивности стоит прописывать в техническом задании до начала работ, с конкретными брейкпойнтами - шириной экрана, при которой макет меняется, - а не общей фразой "сайт должен хорошо смотреться на телефоне".