Skip to content
Submitted 5 months ago

QR code component using HTML and CSS

YsfMhmd•10
@YsfMhmd
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • P
    Andrew A Lee•380
    @drewlee

    The solution looks great from a coding and visual perspective. My only suggestion for improvement would be to leverage the "Outfit" web font to match the typography that is included in the Figma design. The custom font is fairly straightforward to incorporate as outlined on the resource's website.

    As another suggestion, while absolute position is quite sufficient for vertical alignment in this case, a more modern approach would be to leverage Flexbox. While I wouldn't necessarily rewrite this particular implementation, it would be a great aspect to learn and keep in mind for future projects.

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