Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Blog card post using HTML & CSS

aminahh02 10

@aminahh02

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I had a problem giving the bottom edges of my image a rounded corner. I found out it was something about the height of the <div> and the height of the image, but I'm not certain what that is about. Please a little explanation would go a long way.

Community feedback

@bhaskrr

Posted

Excellent work @AMINAHH02.Regarding your question for the community; you can achieve the rounded corner by specifying the border-radius css property on your svg element.And i will also suggest you to add the active states as specified in the design to your project.Cheers🤜🏽🤛🏽.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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