Skip to content
Submitted over 3 years ago

QR code component with media query

Mohammad Ebrahimi•250
@moheb2000
A solution to the QR code component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

I have some problems with centering elements on screen. I know how I can center an element with flexbox but in small screens, I see some weird results. Thanks!

Code

Please log in to post a comment

Log in

Community feedback

  • NimaFrEeMaN•20
    @NimaFrEeMaN

    Hi, you can center your elements by giving your element these properties

    { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

    Marked as helpful
  • Account deleted

    you can center the element by giving the body these properties display:flex; justify-content:center; align-items:center; height:100vh;

    don't forget to mark this as helpful !

    Marked as helpful

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