Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Huddle landing page solution using HTML and CSS

@dresandev


Design comparison


SolutionDesign

Community feedback

Danilo Blas 6,300

@Sdann26

Posted

Hola Javier jejeje!

Buen proyecto, como siempre todo bien solo mencionarte algo, para dispositivos moviles no esta funcionando los estados activos, así que debo suponer que es porque no activaste el hover porque para celulares una caracteristica que no suele funcionar bien.

Sin embargo te podría recomendar usar active en ves de hover, este funciona al presionar un elemento. Ahora la idea sería como aplicarlo. Podrías usar media queries de medidas pero la que te voy a recomendar es la que uso.

https://developer.mozilla.org/es/docs/Web/CSS/@media/hover

Esta media querie detecta si el dispositivo que estas usando es táctil o si usa puntero, en el caso que use puntero (hover) puedes darle la clase con hover como en el ejemplo y en caso no lo se puedes ponerle la clase con active.

Eso masomenos he hecho en algunos proyectos y tiene bastante compatibilidad, lo recomiendo personalmente.

Jejeje saludos :D!

1

@dresandev

Posted

@Sdann26 hey es verdad, suelo usar ese media query, lo olvide en este proyecto, gracias por la observacion ▪

1

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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