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 built with HTML | CSS | REACT - MikDra1

MikDra1โ€ข 5,610

@MikDra1

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


What are you most proud of, and what would you do differently next time?

๐Ÿ’ป Hello, Frontend Mentor Community,

This is my solution for the Pricing component with toggle.

  • Scored 95% on Google Pagespeed Insights! ๐Ÿš€
  • Solution with 100% W3C validation accuracy ๐ŸŒŸ
  • Custom-built CSS animations for a smooth user experience ๐Ÿ’ซ
  • Custom toggle button animation ๐Ÿ”˜

๐Ÿ› ๏ธ Built with:

  1. HTML โœจ
  2. CSS ๐ŸŽจ
  3. JavaScript ๐Ÿงพ
  4. React โš›๏ธ
  5. Vite.js ๐Ÿ’ก
  • Fully responsive design crafted with a mobile-first approach ๐Ÿ“ฒ

  • Enjoyed every moment coding this! ๐Ÿ˜Ž

  • Feedback is always welcomeโ€”letโ€™s grow together! ๐ŸŒฑ

  • Completed 16 out of 30 Junior Challenges so farโ€”keeping up the momentum! ๐Ÿ”ฅ

  • ๐Ÿ‘จโ€๐Ÿ’ป Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

  • As I am starting my journey with React I'm really looking forward to hearing your thoughts and suggestions! ๐Ÿ’ก

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