1
resposta

Responsividade no 360px

https://github.com/ASLeticia/Alura-Cast

Quando coloco em 360px as imagens e até mesmo as palavras estão ficando embaralhadas. O link está acima para quem puder ajudar. Eu creio que o erro tenha sido na hora de apagar os comentários porém não tenho certeza.

1 resposta

Oi Leticia, tudo bem?

Uma forma que encontrei de contornar, foi desabilitando o menu-lateral quando as telas forem menores que 360 por exemplo, ou reciclar o código do responsivo, o que me intrigou é que ele já está sendo desabilitado no responsivo.css, mas de algum modo o menu.css interfere, por conta disso no próprio menu.css, entre dentro do arquivo e insira o seguinte código, no final do arquivo:

@media only screen and (max-width: 1023px) {
.menu-lateral{
    display: none;
}
}

Deste modo o menu lateral é desabilitado, e os textos não são embaralhados, pois do modo antigo era muito conteúdo comprimido no mesmo espaço.

Espero ter ajudado, qualquer dúvida, me coloco à disposição! Bons estudos!

Sucesso

Um grande abraço e até mais!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!