Skip to content
Submitted over 3 years ago

Article preview component challenge hub using CSS grid.

accessibility
Rohit•330
@Rohitgour03
A solution to the Article preview component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello, Here is my solution to this challenge. 🔥🚀 I faced a problem in the animation part. however I managed to do that, but want to know how will tackle that thing and how I can improve? Please provide your valuable feedback!! 🙏

Code

Please log in to post a comment

Log in

Community feedback

  • P
    A1ex•500
    @a1excpunk

    Good job with animation , try with the toggle method on classlist (fewer conditions and redundant code).
    one thing, background color is different and shadow is too intense.

    Marked as helpful
  • Anosha Ahmed•9,300
    @anoshaahmed

    To get rid of the accessibility/HTML issues shown in your Report:

    • wrap everything in your body in <main> ... OR use semantic tags ... OR give role="" to the direct children of your <body> ... Click here to read more
    • have at least one <h1> in your code

    Great job! :)

  • Christian Holm•500
    @Madmanden

    Hi @Rohitgour03, the animation looks good on my phone! Nice work 😊

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