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

toggle components implemented with checkbox and JS

P
Haydn Kerr• 535

@haydnkerr

Desktop design screenshot for the Pricing component with toggle coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


In this challenge I went for a checkbox method to toggle between the two pricing options in addition to a little bit of JS. Happy with how this ended up. Just wondering if there's any way this could be done without javascript? I'm assuming it used display:none when checked or unchecked.

Any advice or opinions would be greatly appreciated

Community feedback

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