Skip to content
Submitted over 1 year ago

QR code component with HTML and CSS, first try!

moi21dev•50
@moi21dev
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

  • 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
    @ify47Posted over 1 year ago

    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

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