Scan QR Challenge submission

Community feedback

• 

  Tim Avidon•300

  @timavidonPosted about 1 year ago

  To achieve this you need to do it on the img itself.

  try to do,

  #scanqr img {
   border-radius: 30px
  }
  

  you can also do,

  img {
   border-radius: 30px
  }
  

  Marked as helpful

  0

  ---

  

  elci-coder•40

  @Nelson-elciPosted about 1 year ago

  @timavidon Thanks, it worked.

  1
• 

  Bryan Li•3,530

  @Zy8712Posted about 1 year ago

  There are two ways you can apply border radius to your image. The first way is to apply the border radius directly to the image itself using:

  img{
     border-radius: 30px;
  }
  

  Alternatively, you can apply border radius to the div surrounding your image and then use overflow: hidden to stop the edges of the image from going outside of the div. In your case:

  #scanqr{
     border-radius: 30px
     overflow: hidden;
  }
  

  Hope his helps 👍

  1