Skip to content
Submitted over 4 years ago

Pricing Component using React useState and styled using CSS Modules

Michelle•415
@michelleracho
A solution to the Pricing component with toggle challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

This is my first attempt on a Frontend Mentor Challenge in React. It is also my first time using CSS Modules 😄

Any feedback would be and is always appreciated especially in how I wrote and split up the components in React. Thank you! 😀

Code

Please log in to post a comment

Log in

Community feedback

  • Kevin Canlas•225
    @kvncnls

    Looks great Michelle!

    • It looks like there's a small HTML issue with the label. It shouldn't have a div inside of it.
    • If I had to be nitpicky, I'd just say that the default state should be monthly just like the design comparison. :P
  • Web Frog•1,840
    @MasterDev333

    Great work! @Michelle! Your solution was spot on. It would be better if you toggle the switch by clicking label. And please add some transition effects on buttons. Look forward to seeing other solutions from you. Happy coding~
    :)

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