Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

qr-code-component-main using HTML and CSS

Nour Wael 110

@NourWaell

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@fatlindshehu

Posted

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
Discord logo

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