Submitted 5 months ago

Responsive pricing component built with React & Tailwind CSS

react, tailwind-css, vite, accessibility

Rora Alem•370

@Rgit915

A solution to the Pricing component with toggle challenge

Preview Code

Solution retrospective

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

I'm proud of making the pricing component responsive and accessible with keyboard. Next time, I’d add smooth animations and improve state management for better performance.

What challenges did you encounter, and how did you overcome them?

I solved the problem of repeated JSX by making reusable components.
I also made sure the toggle worked with both the keyboard and mouse by adding the right event handlers and accessibility features.

What specific areas of your project would you like help with?

I'd like feedback on improving accessibility, optimizing performance, and making the components more reusable and maintainable.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Rora Alem's solution.

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