Bom dia! Estou fazendo tudo de acordo com a aula, mas ao entrar no modo para celulares todos os banners tiveram uma problema, onde não estão mais retos e as pontos curvas, estão com várias curvas em diversos lugares. Veja a imagem:
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Bom dia! Estou fazendo tudo de acordo com a aula, mas ao entrar no modo para celulares todos os banners tiveram uma problema, onde não estão mais retos e as pontos curvas, estão com várias curvas em diversos lugares. Veja a imagem:
Oi, Eduardo! Tudo bem?
De acordo com o que foi descrito, o problema com os banners no modo para celulares pode estar relacionado com a forma como as propriedades CSS estão sendo aplicadas ou herdadas em diferentes resoluções de tela, de forma que a nossa visualização muda para o modo celular. Isso pode ocorrer se as propriedades CSS responsáveis pelo arredondamento não estiverem configuradas para se adaptar às diferentes resoluções de tela, o que podemos tentar solucionar com as seguintes sugestões:
Verifique se as propriedades CSS que definem o arredondamento das bordas (como border-radius) estão corretas, podemos precisar ajustar essas propriedades para garantir que elas se apliquem corretamente em todas as resoluções de tela.
Podemos utilizar o media queries para ajustar as propriedades CSS especificamente para dispositivos móveis, por exemplo:
@media (max-width: 768px) {
.banner {
border-radius: 10px; // Ajuste o valor conforme necessário
}
}
Verifique o Elementor, se não há configurações específicas dentro do plugin que possam estar interferindo com a responsividade dos banners. Às vezes, configurações de margens, padding ou outros ajustes podem afetar como os elementos são exibidos em diferentes dispositivos.
Deixo como sugestão também o link da documentação do WordPress que orienta o uso do CSS.
Espero que essas sugestões ajudem a resolver o problema!
Um forte abraço e bons estudos!