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 HTML & CSS

@AMUDHAVALLIS

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@destinyjob

Posted

Hello Valli, in terms of user interface, i think you were pretty on track, you seem to be missing the image in your design though. For somer reason, the image isn't visible and your container isn't centered in the view port.

You should probably read on flex box, that should help you understand positioning better. If you position the container at the center of the screen and the image is visible on the container, you should have something pretty good.

Ps. Set the footer to absolute display and use the bottom property (set to 0) to take the footer to the bottom of the view port, you can use margin bottom to adjust it a little so it's not sitting directly at the bottom of the screen.

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