Submitted over 1 year ago

QR code component

ha308ing•240

@ha308ing

A solution to the QR code component challenge

Preview Code

Solution retrospective

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

Nothing to be proud of. I guess next time I should use some fancy frameworks and tools.

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

Tried to achieve pixel perfect layout, getting sizes from photoshop, but didn't get how to get font parameters like line-height and letter-spacing and ended up with font tab of firefox dev tools and extension PixelGrid that draws grid (with option of grid size of 1x1 px, and multiple grids the same time)

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

How to achieve pixel perfect fonts from .jpg design file?

Code

Please log in to post a comment

Community feedback

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