Skip to content
Submitted over 1 year ago

QRcode component

Andrew Nderitu•10
@Its-Ito-san
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

How can I make a div to be equally padded to another div, i.e.. the QR div has a larger space on the right side than on the left side.

Community feedback

  • Marc Lorente•80
    @mLorente13Posted over 1 year ago

    You can try setting the width of the image to 90% and then apply a margin of 5% to both sides.

    0
    Marc Lorente•80
    @mLorente13Posted over 1 year ago

    You should put more descriptive classnames like card-title or card-description and dont set the height of an image if you already setted the width because i could affect the aspect-ratio.

    I created a pr with the changes i suggested before, make sure to take a look :).

    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