@media screen and (min-width:305px) and (max-width:970px)
(от сих до сих) , при изменении разрешения в браузере всё меняется окей , ничего никуда не наползает, на телефоне и планшете будто бы и нет этих медиазапросов, всё уползает и текст налезает друг на друга. Возможно что-то делают неправильно (Новичок), хочется совета <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
в шапку.