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

Article preview component challenge hub using CSS grid.

#accessibility
Rohitβ€’ 330

@Rohitgour03

Desktop design screenshot for the Article preview component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

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!! πŸ™

Community feedback

A1exβ€’ 500

@a1excpunk

Posted

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

1

Rohitβ€’ 330

@Rohitgour03

Posted

@a1excpunk Thanks, Alex. I just forgot that I can use toggle πŸ˜…. I will update the background and shadow. πŸ‘

1
Anosha Ahmedβ€’ 9,340

@anoshaahmed

Posted

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! :)

1
Christian Holmβ€’ 500

@Madmanden

Posted

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

1

Rohitβ€’ 330

@Rohitgour03

Posted

@Madmanden Thanks, Christian. 😊

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