Stats Card - Solution!!!

Community feedback

• 

  romila•3,570

  @romila2003Posted over 2 years ago

  Hi Daniel,

  Congratulation 🎉 on completing this challenge, it was a good attempt but there are some problems that I want to address:

  1. Regarding the responsiveness of the card, it is not very responsive when adjusting the screen sizes. The card looks fine in the desktop version however the mobile and tablet version does not look fit within the screen and display well. Thus, it is best to take a mobile-first approach so that it would be easier to adjust the elements as the screen increases. Also, it would be better to use the min-width instead of max-width.
  2. In the mobile screen size, I noticed some of your codes were quite long in css. Sometimes, it is easier to use the broader terms and type the elements there e.g. border-radius: 0.5em 0 0 0.5em; and padding: 1rem 4rem 2rem 4rem;. This makes it easier to shorten your codes. If you do not understand, the values follow as below:

  • top-left
  • top-right
  • bottom-right
  • bottom-left

  The design overall looks great and pretty accurate to the design provided.

  I wish you success with your future projects and keep coding 👍.

  Marked as helpful

  1