Submitted over 3 years ago

Pricing Component using React useState and styled using CSS Modules

Michelle• 415

@michelleracho

Preview site View code

This is a solution for...

Pricing component with toggle

HTML
CSS
JS

2junior

View challenge

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

@kvncnls

Posted over 3 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

Michelle• 415

@michelleracho

Posted over 3 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!

Web Frog• 1,840

@MasterDev333

Posted over 3 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~ :)

Michelle• 415

@michelleracho

Posted over 3 years ago

@MasterDev333 Thank you! I fixed it 😄

Please log in to post a comment

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