Responsive page of stats card vanilla css

Community feedback

• 

  P

  solvman•1,650

  @solvmanPosted 9 months ago

  Hi @nachoNota 👋

  Congratulations on completing the project! 🎊 Your eye for sizing and typography is excellent!

  However, your design needs more responsiveness. Your design is not responsive to fluid changes in viewport width. It stays with a fixed size width and starts having clipping issues at around 925px wide and smaller to almost 376px (right before mobile layout), where it becomes practically unreadable. The hard set width and height of your container cause all of that. Remember, HTML documents are very responsive out of the box; try not to "stay on the way" of it by setting the fixed sizes if you don't have to. A good approach is to utilize min-width/max-width (min-height/max-height)to control the absolute boundaries of a container rather than hard setting the width or height. I suggest you check the following:

  • ⭐️ "A practical guide to responsive web design"
  • ⭐️ Mobile Design First

  Another suggestion is to take some time and look at how others approached the same project. What tricks and tools did they use? You can always return to the challenge and check out the challenge page.

  Otherwise, very well done! 🤩 👍

  Marked as helpful

  0

  ---

  

  nachoNota•300

  @nachoNotaPosted 9 months ago

  @solvman yeah i knew i had that problem but i submitted it anyways, then it appeared to me those videos that you recommend and i could fix it, thanks for the comment.

  1

  

  P

  solvman•1,650

  @solvmanPosted 9 months ago

  @nachoNota Very well done! 🎉 That is the best way to learn, through practical implementation. 👍I am glad my comments were useful to you! 🫶

  0