Skip to content
Submitted over 3 years ago

responsive stats preview card using flexbox and sass

anas ali•415
@anas-cd
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

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

  • Riyana Gueco•495
    @rnguecoPosted over 3 years ago

    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-cdPosted over 3 years ago

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

    0

Please log in to post a comment

Log in with GitHub

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