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

Responsive Blog Card using Flexbox

P

@cleyrolsc

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?

I feel way better working with flexbox thanks to the practice. This project felt way easier than the previous ones.

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

None

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

Everything's good so far.

Community feedback

P
jasoneczek 320

@jasoneczek

Posted

Nice work on your solution. I see a few improvements that might help. Your h2 title should contain a <a> tag inside, which would serve as a link to the blog in real life. You've also used pixels instead of rem units for your font sizes, which is a problem for accessibility. You might also want to take a look at the differences in the design files for the box shadow between active and inactive states. I hope this helps.

Marked as helpful

0

P

@cleyrolsc

Posted

@jasoneczek Thanks for the feedback. I will keep an eye on the units used, also on the design and what's really being asked for every stated. Thanks again, really appreciated.

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