Skip to content
Submitted over 2 years ago

qr-code-component-main using HTML and CSS

Nour Wael•110
@NourWaell
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

Feel free to tell me about correcting any mistakes you see, and give me an advice to make it better. I would really appreciate it.

Community feedback

  • Fatlind Shehu•2,230
    @fatlindshehuPosted over 2 years ago

    Hi @NourWaell,

    Your component looks almost identical, congrats you on that!

    • I see you have added align-items: center; to the component, but that's not taking effect so you added a margin of 75px to center the component.
    • You can fix that by: .container { height: 100vh;} the align-items needs to be based somewhere and since we scroll the websites vertically we need to set the height off the component in order for flexbox to know where to align the content.

    Keep up the good work!

    Marked as helpful
    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