Profile card component

Community feedback

• 

  Pradeep Saini•990

  @pradeeps4iniPosted over 2 years ago

  Hi, Rajesh. How are you?

  For your border-radius issue:

  1. You can use "border-radius: 15px 15px 0 0;" on the image element.

  2. Or on the parent container. Set the property "overflow:hidden;". This way image will not expand outside the rounded corners. And you also won't have to set border-radius specifically on the image.

  You should use semantic markup in your HTML. For the parent container you can use <section> tag or <main> tag, since card is the main content or the only content on the page.

  Use "max-width: 100%;" on the images, this way image will always cover the entire parent elements width. And you won't have to worry about image being short to cover the parent element.

  Marked as helpful

  1

  ---

  

  Rajesh Janyani•330

  @Rajesh7rjPosted over 2 years ago

  @pradeeps4ini Thanks buddy 🙏, it is helpful, I'm still in the beginning phase of css and figuring out few things. Your suggestion is very helpful. I definitely look on it.

  Thanks again for help.............. ☺️✌️

  0