Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
1
P
Cloud Custodian
@joeterlecki

All comments

  • Antonio Priego•10
    @Apriego87
    Submitted over 2 years ago

    QR Scanner Layout (Desktop / Mobile) using HTML5 & CSS3

    2
    P
    Cloud Custodian•80
    @joeterlecki
    Posted over 2 years ago

    Good job so far!! As for some things to workon:

    Now that you have the layout complete, try and get your aspect ratio correct. Try to get the card to close as possible to the original.

    For your question, and in my opinion, along with some frontend developers I work with, use the grid for your larger layout of a full page and for complicated components; however, use a flex box for alignment.

    Flexbox and grid are not used as either but used together to achieve a desired layout.

    For simple cards, flexbox is probably suited best because you are only aligning a few text elements and maybe an image and icon.

    Marked as helpful

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