Not Found
Not Found
Not Found
Not Found
Not Found
Request path contains unescaped characters
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

Design Blog-preview Card

@tdnguyen04

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


What are you most proud of, and what would you do differently next time?

My first project on Frontend Mentor. I am so happy that it looks so neat. Any suggestions on how to improve this further is greatly appreciated.

What specific areas of your project would you like help with?

I am setting the width of the container box quite manually. I will try to come up with a way to make this more logical (something like the width of the box should be the original width of the image inside * 1.2 for example).

Community feedback

@mahmoudAcm

Posted

@tdnguyen04 I can add to that, you can make the image take the full width and see this for the nested corners

Marked as helpful

0

@tdnguyen04

Posted

@mahmoudAcm I missed your suggestion. That is absolutely insightful. I will check it out to see if I am able to apply that to my code. Thank you!

1

@cerezoar

Posted

Great work in starting! You may want to touch up on the rounded corners on the image using border-radius in your css code. Cheers!

Marked as helpful

0

@tdnguyen04

Posted

@cerezoar It is so true. I did miss it even though I did border-radius for the container. Thanks!

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