Stats Preview

Community feedback

• 

  Zaid Ansari•100

  @zaidansari42Posted over 2 years ago

  Beautifully coded as always. I want to ask that have you purposely kept the font-style and letter spacing in the stats number different than the design ?

  And I would suggest you to update your readme file with a live link and screenshot.

  Provide a border-radius to your .container to get the same look as the one provided in design.

  Marked as helpful

  0

  ---

  

  Madiha Khan•420

  @madkn1311Posted over 2 years ago

  @zaidansari42 Forgot to add the link, will definitely do that.

  1
• 

  Hamzat Lawal•560

  @EngineerHamzieyPosted over 2 years ago

  Hi Madiha Khan, you have done a great a job. here is one thing I noticed, your desktop version isn't centered , to fix that:

  /* 
      inorder to center the page vertically and horizontally,
      you should use flexbox. For that you will need to add min-height 100vh to the body to ensure that it's center vertically on all devices
      min-height is the best option so that will grow bigger when needed(i.e responsive). min-height NOT HEIGHT, using ordinary height, won't 
      allow responsiveness
    */
  body{
    min-height: 100vh;
    /* then we can now center it with flexbox */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  

  Marked as helpful

  0

  ---

  

  Madiha Khan•420

  @madkn1311Posted over 2 years ago

  @EngineerHamziey Thank you so much, I'll fix it. :)

  1