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

responsive stats preview card using flexbox and sass

anas ali 415

@anas-cd

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


feel free to give me your feedback, also if you can tell me how to make a focus point on the smiling lady so if the screen gets smaller she doesn't go out of the picture that would be nice

Community feedback

@rngueco

Posted

Hey Anas!

Great job on the layout 👍

One thing to note is that heading elements (<h1> through <h6>) are typically used to denote a topic or subtopic, so it would not make much sense to have "10k+" wrapped in a heading element. You can instead use a <span> tag on this and adjust the font size for that as needed. 🙂 You can also put your statistics in a list to make it more semantically sound!

Happy coding! 🎉

Marked as helpful

1

anas ali 415

@anas-cd

Posted

@rngueco great to know that, thank you ^_^

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