Submitted about 3 years ago
Responsive site built with CSS Grid and JS for the theme switcher
@MainlyColors
Design comparison
SolutionDesign
Solution retrospective
Any feedback welcomed 😁
Community feedback
- @abhijitbcobPosted about 3 years ago
I really liked your css code. My one tip for making the toggle switch scalable:
- assign the width of circle slider to a variable
- then using multiplicand of the variable define the width of the switch
- transform the slider using the multiplicand of the variable(use calc())
- then just change the variable value and everything will change
Marked as helpful1@MainlyColorsPosted about 3 years ago@abhijitbcob Thanks for the feedback, I need to do a better job thinking about re-usability with my solutions, I'll try implementing these tips later tonight after work 😁
0
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