This is a solution to the QR code component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
- Typescript
- React + Vite
- TailwindCSS
I leaned to get comfortable with implementing designs, taking requirements from a given design system and following it as closely as possible.
I also took the initiative to deviate from the design system. The given design system for the text container's padding caused a line break creating a widow at the end of the heading. So I added another style spacing-100 : 8px to rectify that.