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 preview card

P
gakritaā€¢ 140

@gakrita

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?

What makes me most proud of is using grid to space out the elements instead of using the property of margin.

What challenges did you encounter, and how did you overcome them?

The biggest challenge for me was to find the correct font sizes of the elements so my solution fits as much as possible with the design.

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

In my opinion, there is nothing of the specific project to need help with.

Community feedback

@DavidCasanova83

Posted

The design is a perfect fit !

Just a small note about the content shadow: the shadow should upscale on hover and downscale when not hovered.

It's a very minor detail that you can see in the design example files.

Keep coding =)

Marked as helpful

0

P
gakritaā€¢ 140

@gakrita

Posted

@DavidCasanova83 you're absolutely right about the hover issue. Thank you!

0
Kiran Pillaiā€¢ 80

@DetonatedSkull1722

Posted

I really like how you have made your project, especially the grey border line that might have enhanced the look of the project. I also want to pull your attention towards the highlighting of the h2 or h1 tag when hovered. Even though it is a great idea, it should probably do more, like it should take you to FrontendMentor's website which will help you to add functionality, use an anchor tag instead of an h2 and scale it up as your wish. Rest all looks amazing. Awesome work!!

Marked as helpful

0

P
gakritaā€¢ 140

@gakrita

Posted

Thank you @DetonatedSkull1722! I will definitely try to implement your suggestion!

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