Fylo Data Storage Component With SCSS and JS
Design comparison
Solution retrospective
Responsible and made with SCSS. All sugestions are welcome! Thank you and happy coding!!
Community feedback
- @ApplePieGiraffePosted over 3 years ago
Hi there, Luiz Claudio Lopes! 👋
Nice job on this challenge! 👏 Your solution looks good and is responsive! 😀 And I love that you decided to make the progress bar an actual slider (that's something I haven't seen before)! 😆 Also, you remembered to add hover states to the options in the box to the left (something often overlooked in this challenge, LOL)! 👏
Keep coding (and happy coding to you, too)! 😁
1 - @palgrammingPosted over 3 years ago
look at your layout in the browser at 800px wide. I would try to make it so both items are the same width on the page during that transition between mobile and desktop
1@lc-dev90Posted over 3 years ago@palgramming Thank you again Patrick! I have made some adjustments
0@palgrammingPosted over 3 years ago@lc-dev90 Looks better and congrats on styling the range slider for this project. you could have just styled div's to create a fixed scale also
1@lc-dev90Posted over 3 years ago@palgramming omg how i did not think about it! Thanks again my friend!!!
0@MojtabaMosaviPosted over 3 years agoGood job, since you chose to implement the slider as form control, you could wrap inside a form element instead of div becasue it's more sementic.
Keep coding :)
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