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 with HTML and CSS, first try!

moi21dev 50

@moi21dev

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


  • Problem 1

How to properly position the card div in the center of the viewport (mobile and desktop)

  • Problem 2

Text style and positioning: "Improve your front-end skills by building projects", the sentence is not correctly align. I am not sure if it's the padding or the margin.. or anything else.

Community feedback

ify47 360

@ify47

Posted

Position your body in css using display: flex flex-direction: column justify-content and align items: center min-height: 100vh this will put it in the center with the correct height

Marked as helpful

1

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