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 landing page using html and CSS

Zubin Nair 180

@znair96

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
ellekost 220

@lkoster

Posted

Hello!

The HTML for the blog preview card is structured and clean but could benefit from more semantic elements like <article>, <section>, and <time> to improve readability and SEO. While the design fidelity to the Frontend Mentor example is good, incorporating alt attributes for images would enhance accessibility. The CSS is well-organized; however, media queries could be used to better adapt the layout for various screen sizes. The use of CSS variables for colors and fonts could increase reusability. Overall, the code provides a solid foundation with room for improvement in semantic structure, accessibility, and responsive design to ensure optimal performance across all devices.

Happy frontending!

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