Design comparison
Solution retrospective
Well, I couldn't manipulate sass variables with js so I couldn't change the color of the range input when it moves. If somebody know how please tell me.
On the other hand, I've learned a lot of new things. So I'm happy.
Community feedback
- @LilithNixxPosted over 1 year ago
In my project the range input button appears, I don't know why it does not in the image here. :(
1@SrHatcherPosted over 1 year ago@LilithNixx Hola! Lo mismo ocurrió con el screenshot de mi solución. Me di cuenta que fue por no haber especificado los mimos estilos del pseudoelemento -webkit-slider-thumb a los pseudoelementos -moz-range-thumb y ms-thumb, entre otros pseudolementos como ms-track, moz-track y -webkit-slider-runnable-track. Segun lo que he investigado cada pseudoelemento es para que funcione en navegadores distintos, siendo -moz... para firefox, -ms... para Microsoft Edge y explorer y por ultimo -webkit... para chrome, safari y otros navegadores basados en webkit.
El video de donde aprendí a customizar el input range fue este por si te ayuda en algo.
Marked as helpful1@LilithNixxPosted over 1 year ago@SrHatcher thank you so much, I could finish this challenge completely thanks to your recomendations.
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