Quando selecionamos uma tela de 320px na visualização a borda inferior do menu fica por cima do título. Imagino que foi por causa do padding escolhido. Mas como evitar este problema e deixar o título sempre logo abaixo do menu em todas as telas de mobile?
Faça Evandir! Tudo bem?
O tema responsividade é muito importante mesmo, é muito difícil te passar uma fórmula mágica que atenda a todas as telas de dispositivos. Dito isso, a solução seria criar um media query que trabalhe o título de forma diferente quando chega aos 320px de largura.
A maioria do conteúdo que vejo sobre responsividade, inclusive esse post da alura, falam que você deve definir um gap de resolução no qual o seu site trabalha. Ele não vai funcionar em 100% das telas. Recomendo a leitura do post, espero ter ajudado.
Bons estudos