Submitted 7 months ago

Flex-Box Vanilla CSS QR Code Component

feelgooddd•430

@feelgooddd

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?

Made the word wrapping look a bit better by using the pretty style.

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

Had issues centering my Component on the page. The fix was simply adding height 100% to both the html and the body, as well as doing a CSS reset to set margin and padding to 0 as well as box-sizing to border-box, which removed the scroll bar that was present after centering the div.

Code

Please log in to post a comment

Community feedback

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