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 done using only HTML and CSS with responsiveness

@herojk64

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

@justasteri

Posted

  • Global Styling: Your global styles reset most of the browser's default margins and paddings. This can be helpful for consistency, but be mindful of potential unintended consequences. Consider using a more targeted approach to resetting styles.
  • Image Alt Text: While you have alt text for the illustration, consider adding alt text for the author avatar as well, for better accessibility.
  • Author Attribution: The attribution div is currently hidden. You might want to make it visible with a lower opacity or a different styling approach.
  • Button Functionality: The "Learning" button doesn't seem to have any functionality defined. Consider adding an onclick event or styling it differently if it's just for decoration.
  • Responsiveness: You could explore further improvements for responsiveness on even smaller screens.
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