Skip to content
Submitted 12 months ago

Stats Preview Card

dselimovic02•220
@dselimovic02
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

I would like some feedback on my CSS solutions from some Seniors with few minutes to spare. Thank you :D

Community feedback

  • Arshad Ali Kaldane•650
    @IamArshadAliPosted 12 months ago

    Hello there, 👋

    Congratulations on completing this challenge. 🎉

    I do have some suggestions to enhance your CSS by a bit. 📈

    Change the .container to have min-height: 100vh and keep align-items: center;. This will ensure that your .container takes full vertical space available on all devices and places your stats card in the center.

    Also, add some horizontal and vertical padding to the .container so that there will be some space left for your stats card to breathe on smaller devices.

    Bonus: Please refer to this article on Semantic HTML which teaches us how to structure our websites using semantics.

    Good Luck with upcoming Challenges. 👍

    Happy Coding! 🤓

    Marked as helpful
    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