Skip to content
Submitted almost 4 years ago

Pricing Component using React useState and styled using CSS Modules

Michelle•415
@michelleracho
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Pricing component with toggle
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

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! 😀

Community feedback

  • Kevin Canlas•225
    @kvncnlsPosted almost 4 years ago

    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
    1
    Michelle•415
    @michellerachoPosted almost 4 years ago

    @kvncnls Thanks for checking it out! I fixed the design 😅

    hmm the HTML issue is for my toggle switch 🤔 will find a fix for it in a few!

    1
  • Web Frog•1,840
    @MasterDev333Posted almost 4 years ago

    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~
    :)

    0
    Michelle•415
    @michellerachoPosted almost 4 years ago

    @MasterDev333 Thank you! I fixed it 😄

    0

Please log in to post a comment

Log in with GitHub

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