Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
4
Comments
1
Christopher Castaneda
@chrisdcast

All comments

  • Karl Davis•270
    @TKD5
    Submitted almost 2 years ago

    QR code component

    1
    Christopher Castaneda•90
    @chrisdcast
    Posted almost 2 years ago

    It's looking most of the way there! Some suggestions I would make:

    • The fonts in general seem to be a little large. making them smaller might help with the overset text in the QR card.
    • The image is also overset. You can remove the height style and replace it with a: width: 100% and it looks like that might fix it.
    • I might recommend setting your breakpoint to something a little higher. The style guide recommends at least 375px, but the bootstrap guide for breakpoints sets a 'small' screen size as anything below 768px.
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