This is a solution to the Pricing component with toggle challenge on Frontend Mentor.

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Work time
  • Built with
• Author
• Acknowledgments

Users should be able to:

• View the optimal layout for the component depending on their device's screen size
• Control the toggle with both their mouse/trackpad and their keyboard
• Bonus: Complete the challenge with just HTML and CSS

• Solution: frontendmentor.io

• Live Site: cloudflare

• 1.Download assets, Install Vite & TailwindCss, Initialize git, README.md, Prepare project
• 2.Work on component
• 3.Control switch by keyboard
• 4.Write README.md, Push to github, Make it live on Cloudflare, Publish to frontendmentor

• My Clockify Report

• React
• Tailwind CSS

• Frontend Mentor - @siavhnz

• github - @siavhnz

Thanks To

Frontendmentor.io - for their Excitement challenges

Perfect Pixel - for such a great extension