Skip to content
Submitted 9 months ago

QR Challenge - Mobile Only

Terry•10
@TerryHCollins
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

I made this mobile first, so the preview does not show the correct result as it shows desktop first!

Community feedback

  • Justin Green•2,770
    @jgreen721Posted 9 months ago

    Nice work on finishing the challenge! Yea, looks great on mobile! You might want to put a max-width on either your card (I believe you have as <main>) or on your image. Ultimately, just may want to prevent the image from going a little too big on devices that aren't mobile. I think text-align:center in the main element styling might also help but just a suggestion. Again, nice work though! 🙂

    Marked as helpful
    0

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