Skip to content
Submitted 12 months ago

qr-code-component

abiskar100•100
@abiskar100
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 haven't written a clean code as i am just starting . just understood how flex-box works. Tell me about the little width between image and the border i couldn't get it. thanks .

Community feedback

  • Daniel 🛸•44,310
    @danielmrz-devPosted 12 months ago

    Hello @abiskar100!

    That space between your image and the border is called padding. If you set a padding: 5px; to your .main-box, it'll give your ellements inside that space you talked about. ANd you can test other values until you think it's good.

    You can also add padding to individual elements, although I think it's better to set it to the whole thing in this case.

    Your project looks very good. Great job!

    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