nft-preview-card-component-main
Design comparison
Community feedback
- @correlucasPosted about 2 years ago
👾Fala Felipe, tudo bem? Parabéns pelo desafio!
Acabei de ver sua solução e ficou bem próxima do design do desafio, inclusive a parte mais difícil do Hover.
Abri seu site pelo telefone e como vc sabe o Hover não funciona mto bem em celulares, pode notar que se você abrir o site pelo celular e clicar na imagem o Hover fica travado.
Pra resolver esse comportamento v pode usar uma media query que cancela os Hover effects pra dispositivos touch.
@media (hover: hover) { Coloque suas classes com Hover aqui }
Dai todos efeitos dentro da média query só vão funcionar em desktop ou dispositivos que não sejam touch.
👋 Espero ter ajudado e continue no foco!
Marked as helpful1@felipejesus-frontPosted about 2 years ago@correlucas
Nossa muito bom saber! vou passar a usar agora, eu já tinha percebido isso antes, mas não tinha pesquisado ainda como passar por este problema. Muito obrigado de novo! Adoro seus reviews!
1
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord