Scan QR Challenge submission

Community feedback

• 

  Tim Avidon•300

  @timavidonPosted 12 months 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 12 months ago

  @timavidon Thanks, it worked.

  1
• 

  Bryan Li•3,530

  @Zy8712Posted 12 months 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