Desktop design QR code component using HTML and CSS

Community feedback

• 

  hamza•390

  @HamzaouladevPosted over 1 year ago

  Hello @Sarah-24, here is some feedback to improve your layout:

  -a good hack for responsiveness here is to give your component a relative width: width: 90%; and a max fixed width like: max-width: 300px; and for centering you can use margin: 0 auto;

  -a good rule for images is to use this code to make sure they wont overflow or break layouts:

  img,
  picture {
    max-width: 100%;
    display: block;
  }
  

  -also you can use some padding for the main component to give the image some space arround the edges

  hope you find this feedback helpful, happy hacking!

  0