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

@patilprem21

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
Kaczupinko 170

@Kaczupinko

Posted

Semantic HTML: The HTML structure is clear, but consider using more semantic elements like <article>, <header>, and <footer> to enhance accessibility and document structure.

Accessibility: The solution appears accessible, but the image’s alt attribute should be more descriptive for better screen reader support.

Responsive Design: The layout adapts well to different screen sizes. However, refining the media queries could ensure even better consistency across devices.

Code Structure: The CSS is well-organized, and using custom properties (--variables) is a good practice for maintainability.

Design Consistency: The solution closely matches the design, though minor adjustments in spacing and typography could enhance visual alignment.

Overall, the code is clean and functional, with just a few areas for minor improvement.

Marked as helpful

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