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

@JoaoNodari

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

Auly-hub 60

@Auly-hub

Posted

My code uses semantic HTML tags like <h1> and <p>, but could be improved with elements like </p><article> or <footer>. On the accessibility side, detailed alt attributes and adjustments for screen readers are missing. The design adapts well to screens thanks to media queries, but could be refined for different sizes. The code structure is clear, but could be made more reusable by optimizing CSS classes and variables. Finally, the design is close to the template, although a few adjustments are needed to match exactly.</footer></article></h1>

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