Skip to content
Submitted over 1 year ago

Responsive Blog preview card using HTML and CSS

accessibility, bem
Rebecca Padgett•2,100
@bccpadge
A solution to the Blog preview card challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

For the paragraph, I made the gray color darker to fix the accessibility issue.

All feedback is welcome.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

  • Dan Carter•450
    @carter212-star

    I think the font-size of the heading is a bit different from the design. Thanks for reading my comment.

  • hitmorecode•7,540
    @hitmorecode

    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

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord