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

Responsive site built with CSS Grid and JS for the theme switcher

@MainlyColors

Desktop design screenshot for the Social media dashboard with theme switcher coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedback welcomed 😁

Community feedback

@abhijitbcob

Posted

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 helpful

1

@MainlyColors

Posted

@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 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