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

I use flex max-width for the container

@Abelmekonn

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

@ThiagoBRG60

Posted

Hi 👋! Your blog preview card looks good overall, but here are some feedback for your solution:

1 - Make sure to center the card element, you can do this by using flexbox, align-items and justify-content.

2 - Make sure to have a <main> tag inside of your body tag, so your html have more semantic.

3 - Make it responsive, you can achieve that by using media queries or you can just add the max-width property to your card.

4 - For accessibility purposes, make sure to fill the alt="" with a description of the image, for people using screen readers.

Keep learning and improving! 😊

Marked as helpful

0

@Abelmekonn

Posted

Thank you bro it's helpful@ThiagoBRG60

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