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-card using Flexbox

@prasannarames

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

Dan 300

@dtp27

Posted

Hi Prasanna!

Congrats on your first challenge, and welcome to Frontend Mentor!

Great solution overall. One thing I would recommend to center the overall component on the page vertically is to use Flexbox on the body, along with min-height: 100vh;. The minimum height is to ensure that when flexbox is enabled it is centered relative to the entire view.

Happy coding!

Dan

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