0
showcase
Shipped: Comparison table for three plans
I built a responsive, fully accessible, and keyboard-navigable Plan Comparison Component using Next.js (App Router), TypeScript, and Tailwind CSS.
The application features a 3-plan comparison table (Basic, Pro, Enterprise) complete with a "Highlight differences only" toggle to help users quickly spot feature variations, and a custom narrow-screen mobile layout that replaces horizontal scrolling with an intuitive tabbed card view down to 320px.
-3-Plan Comparison & Highlight Differences Toggle
-Mobile Responsiveness (320px Support & No Horizontal Scrolling)
-Accessibility (a11y) & Keyboard Navigation
-Documentation
Repository: https://github.com/onaolapomay/plan-comparison
Live: https://plancomp.netlify.app/
Built for the Verified Frontend Internship · accessible layout
Add a comment
0/2000