Привет, дело в том что адаптировать сайт для моб устройств, в теге head, должен присутствовать мета тег Viewport,
Добавь эту строчку и зайди с мобильного
<meta name="viewport" content="width=device-width, initial-scale=1">
Так же у тебя не указан доктайп документа, в HTML5 это просто
<!DOCTYPE html>
на 1 строчке твоего HTML файла.
Так же нужно указать кодировку документа, это тоже мета тег который пишется внутри тега head
<meta charset="utf-8">
Почитай про обязательные мета теги и указание типа документа html
Livitan's post in Шапка и подвал не хочет адаптироваться под экран was marked as the answer