Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
1
Certification-Surya
@Certification-Surya

All comments

  • Pang Zi Ying•10
    @Pangday
    Submitted over 2 years ago

    QR Code Layout using HTML and CSS

    3
    Certification-Surya•70
    @Certification-Surya
    Posted over 2 years ago

    mobile (375px), desktop (1440px) = use of media query; there is no such thing as margin: center; You might have confused it with margin : auto; But margin: auto; will only work for centering horizontal space on block level element.

    My advice: Look at

    1. Box Modal and
    2. media Query

    "I thought if I put margin: center, the whole white layout together with the QR code will move to the middle " If you mean centering the div then look at:

    1. Flex-centering
    2. Grid-centering
    3. position-Absolute.
    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub