Responsive Blog preview card using HTML and CSS

Community feedback

• 

  hitmorecode•6,680

  @hitmorecodePosted 9 months ago

  Nice looks good well done. I took a look at your markup and I see you have the same problem I had with the image. The max-width: 100% is breaking the border radius. If you remove max-width: 100% and adjust the width and height of the image, it should solve this problem.

  That's why I removed the image from the html and added in the CSS. Looking closer to what you did, if I use display: block then it should solve my problem also.

  Good job keep it up

  0

  ---

  

  Rebecca Padgett•1,840

  @bccpadgePosted 9 months ago

  @hitmorecode

  Thank you for the feedback. I played around in the devtools and placed height: auto; on .card-banner img and the border-radius looks fine. I updated my code as well.

  0