Skip to content
Submitted 6 months ago

Article preview component

P
Carlos•210
@carlosad90
A solution to the Article preview component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What specific areas of your project would you like help with?

I could not make the image fit like in the design, any advice about it will come in handy.

Code

Please log in to post a comment

Log in

Community feedback

  • Fernando Batista•630
    @FernJBatista

    Hey Carlos, nice job!

    Your code is well-structured, and I really like the CSS variables you used—I should put them into practice more myself!

    I’m not sure how to answer your question specifically, but I just wanted to suggest two small accessibility improvements that might be helpful to keep in mind for future projects:

    1. Adding aria-label attributes to buttons, especially the share button, can improve screen reader support.
    2. Making alt text more descriptive (e.g., instead of just "drawers," briefly describing what’s in the image) enhances accessibility and usability.

    These small adjustments make your code more inclusive, improve user experience, and even help with SEO and web standards.

    Keep up the great work!

    Marked as helpful

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