@hitmorecode
Posted
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
@bccpadge
Posted
@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.