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

Pricing Component with Toggle - React + Typescript + CSS

Huy Phan 1,360

@huyphan2210

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


Hi😁! My name is Huy, and this is my solution for this challenge. it's been a long time since my last challenge. I did this in my free time.

Users should be able to:

  • Control the toggle with both their mouse/trackpad and their keyboard
  • View the optimal layout for the interface depending on their device's screen size
  • See hover and focus states for all interactive elements on the page

What I used🚀:

  • Framework: React
  • Language: Typescript, HTML, CSS

I don't use any extra libraries

Thank you! Cheers🎉

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