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

Submitted

Blog Preview Card

P

@aeosmanoglu

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@Lonlysoft

Posted

It looks good. In the code I see that you used tailwind to do the work. It's overall a good technology to get used to. The only thing that I may point out is that you forgot to add a border. Although, it looks even better than the original design because it looks cleaner. Pretty clever if it was intentional.

Marked as helpful

1

P

@aeosmanoglu

Posted

Dear @Lonlysoft

Thank you for your kind feedback! To be honest, I didn’t do it intentionally. I missed that detail because I was using the free version of Figma. But I’m glad it looks cleaner to you—it’s a happy accident! I really appreciate your suggestions, and I’ll be sure to pay more attention to those details next time.

0
P
Zxjklp 60

@Zxjklp

Posted

Hi there! Great job on completing the challenge.

I would add <meta> description tag to concisely summarize page content and set an explicit width and height on image elements to reduce layout shifts.

1

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