All comments

• 

  Vivek Kumar Rahul•10

  @vivekrahul

  Submitted over 2 years ago

  

  Almost similar looking solution using Internal CSS

  2

  60
  

  StanishCode•120

  @StanishCode

  Posted over 2 years ago

  Using the overflow property on a parent container for an image is an easy way for the parent div and the image to have the same border radius. An important note, the image must be as big as the parent container.

  .image-div { display: inline-block; border-radius: 20px; overflow: hidden; } .image { text-align: center; padding: 15px; width: 100%; height: 100% }

  1

  Marked as helpful