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

Stats preview card component

P

@Kein-Internet

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

Next time I would add the prefers-reduced-motion to my CSS for those who don't who have opted for reduced animation in their user settings. I would have added this already but I have had some unexpected loading issues with my deployed sites when I make and commit post-changes so am very weary of how these changes will affect my site. I will have to sort that out but in the mean time I will unfortunately have to leave as is but keep in mind for future projects. Here is the code in question:

@media (prefers-reduced-motion: reduce) { .card{ animation: none; } }

Community feedback

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