Submitted over 1 year ago

Qr component using padding and border radius with a bit of font css

sass/scss, vite, vue, typescript

LVL 1

Ryan•30

@Ryoliveira

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?

Getting this solution with little effort

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

Getting the image to stay within the container was a bit of a struggle for me. Learning that only max-height is needed for an image to adhere to its parents dimensions (given that the parent element also has a set height)

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

Are there any properties that I should add to handle unexpected scenarios?

Code

Please log in to post a comment

Community feedback

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