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

Frontend Mentor | Blog preview card Solution

Stephen 50

@Codestephenn

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

P

@efabrizio75

Posted

Congratulations on completing the challenge!

Maybe I missed it on my implementation, but I thought the only interaction on this component regarded the title. I noticed you also provided a call-to-action treatment on the category label (Learning).

I also like your consideration of large screens to accomodate more blog cards like this one.

Have you tried using a different unit of measure to regulate the font-size property instead of using media queries?

0

Stephen 50

@Codestephenn

Posted

Thank you for the congratulations! I'm glad you liked the interaction on the title, and I appreciate your feedback on the category label. I was experimenting with ways to make the component more engaging, and I'm happy to hear it was a positive addition.

Regarding font sizes, that's a great point! I did consider using relative units like em or rem to regulate font sizes, which would allow for a more flexible and responsive design. However, in this case, I opted for media queries to ensure precise control over the font sizes at specific breakpoints. But I'll definitely keep your suggestion in mind for future projects. @efabrizio75

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