Blog-Preview

Community feedback

• 

  Koda👹•3,830

  @kodan96

  Posted about 1 year ago

  hi there! 👋

  • It's probably because you applied padding to the img element. when you apply border-radius it gets applied to the border (the outer line of the padding).

  • if your border-radius is not large enough it won't show up, and even if it is it won't give you the result you want.

  • it's better practice to apply padding to the parent element to prevent these behaviors.

  Hope this helped 🙏

  Good luck and happy coding! 💪

  11

  Marked as helpful
• 

  Jeje•2,050

  @AkoToSiJeromeEh

  Posted about 1 year ago

  Hey ! Great work out there i notice why the border-radius seems doesn't work even you add border radius in img element is because of the padding on it since the border-radius is 10px it seems that it did not work but when you give a higher value like ** > 20px** it is working , to fix this you should remove the padding in .imagem img and add the padding in imagem only. that's all happy coding !!

  .imagem {
    padding: 10px; // add this or you can adjust
  }
  

  .imagem img {
    width: 100%;
    padding: 15px; // remove this
    border-radius: 10px;
  }
  

  11

  Marked as helpful
• 

  Bárbara Lurian•80

  @Luriian

  Posted about 1 year ago

  Please, someone help me! I put border-radius on the image but it didn't work Can anyone help me solve it and why it didn't work?

  00