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

@dselimovic02

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 would like some feedback on my CSS solutions from some Seniors with few minutes to spare. Thank you :D

Community feedback

@IamArshadAli

Posted

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
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