1
resposta

Com telas de 320px borda fica por cima do título

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?

1 resposta

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

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software