Skip to content
Submitted 5 months ago

QR Code Component

Roman•20
@whznot
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

What specific areas of your project would you like help with?

PIease! Help me out with the responsiveness and code correctness.

  • on the mobile version:
  1. the bottom text goes on the form.
  2. edge margins are not observed.
  • the form itself:
  1. does not observe correct indentation (from photo, text) and I don't know how to fix it and make the code cleaner.

Community feedback

  • deux-trios•40
    @deux-triosPosted 4 months ago

    CSS

    1. the margin and padding properties are redundant since you declared flexbox
    2. Everything else is right

    HTML

    • HTML code is right. No glaring errors.

    I learned one thing from this code is that you have to wrap your texts in a div to make it compact and cleaner. Thank you One nitpick that I have is the padding on the texts are big, and the QR code is larger than the original design.

    9/10

    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