Skip to content
Submitted over 2 years ago

qr-code-component-main

isaac nabil•220
@nabil4416
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

hi, community, i still don't manipulate easily the responsive way, especially width images, i put the image inside a div tag, then i give the div a width ( ex 300px) then i give the image a width= 100%, is that correct?

Community feedback

  • Account deleted

    Hi there,

    • yes it is a correct way to give the image width 100% so it doesn't go out of the container

    • remove all the margin from the container and give the body these properties to center the element display:flex justifiy-content:center align items: center min-height:100vh

    • check the HTML report to fix accessiblity issues

    i hope this is helpful and goodluck!

    Marked as helpful
    1
    isaac nabil•220
    @nabil4416Posted over 2 years ago

    @Old1337 thanks a lot, i will take all your instructions in consideration

    1

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