Skip to content
Submitted over 2 years ago

QR code component using HTML and CSS

Noopur Sharma•10
@noopur0210
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are ways I can make the positioning better? I feel like I'm not using the right properties.

Community feedback

  • Maycon•70
    @traceurmayconPosted over 2 years ago

    Nicely done. You have to update your report to take away this accessibility issue. To answer your question. You did great with the properties. If you are talking about centralize the layout, you have to make body 100% of the viewport height and use flex in it. Align horizontally with justify-content: center and vertically with align-items: center. Didn't test this myself, but that's the general idea.

    UPDATE: You updated the report while I was writing this comment so desconsider this part. Congratulations for the amazing work.

    Marked as helpful
    0
    Noopur Sharma•10
    @noopur0210Posted over 2 years ago

    @traceurmaycon Thanks a lot for the suggestion! I'll definitely give it a go:)

    0

Please log in to post a comment

Log in with GitHub

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