Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 10 months ago

QR Code

P
Catalina Sabogal•30
@csabogalortiz
A solution to the QR code component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


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

I’m proud of how quickly I was able to put together this QR code project as a way to explore the latest Figma Dev Mode updates. The process of designing, generating, and implementing the QR code into a clean, responsive HTML & CSS layout felt seamless.

If I were to do something differently next time, I’d consider adding a small JavaScript interaction, like an animation when hovering over the QR code, or even experimenting with SVG-based QR code customization to match branding styles better.

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

Since this was a simple project, there weren’t major roadblocks, but one interesting challenge was getting a feel for how the new Figma Dev Mode integrates into an actual workflow.

To overcome this, I played around with the updated Dev Mode features and compared them to previous workflows to understand where the improvements really made an impact.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Catalina Sabogal'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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License