QR code component - Using cursor IDE

Hi @devpatel024,

I recommend using OG (Open Graph) meta tags due to the shareable nature of your project. These tags will create more attractive links when shared and can also help improve your SEO.

Consider making the QR codes clickable to assist older users who may find it easier to click the link rather than scan the code. Alternatively, you could add a link below the QR code for easy access.

Also, even though this is a small project, I recommend minimizing the use of <div> elements as much as possible in future projects. Replace them with semantic elements where possible. For instance, the card in this project doesn't really need additional <div> elements; it can be structured as a flex column to display all content. This approach will make your code cleaner and be especially helpful in larger projects.

As an extra challenge, try creating your own custom QR code—it's a fun skill to learn and could be a unique touch for your project!

Keep up the great work!

Best, Teodor

It looks amazing! but you are missing the line-spacing property for your h1 and p selectors in your stylesheet. That information can be found in the design Figma files. Also, use em instead of px units because px units are not responsive. You can read more about px vs em units by Grace Snow