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 using HTML & CSS & JS

Ahmed Bayoumi• 6,800

@Bayoumi-dev

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


I've added Animated Counter for stats in this challenge

Community feedback

@RyukioMiyamoto

Posted

That was a great addition, good job. I would just suggest you consider the prefers-reduced-motion query, regarding the animations.

Marked as helpful

1

Ahmed Bayoumi• 6,800

@Bayoumi-dev

Posted

@RyukioMiyamoto Thanks

1
Hamzat Lawal• 580

@EngineerHamziey

Posted

Wow 😳😳 😘 This is so cool The design comparison is 100%, no accessibility nor HTML issues, More power to your elbow 😊 I would really appreciate if you can answer these questions of mine......I've done the challenge too but I have few problems and I don't know how to fix it

  1. All page content should be contained by landmarks Context:
<div class="attribution">
  1. The overlay on the image doesn't have the correct color You can check it here https://www.frontendmentor.io/solutions/pure-html-and-css-S11XYRzLc
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