Stats Display Component

Hello, @Micahtron!

Your project is looking fantastic!

I'd like to suggest a way to make it even better:

Using margin and/or padding isn't always the most effective method for centering an element.

Here's a highly efficient approach to position an element at the center of the page both vertically and horizontally:

📌 Apply this CSS to the body (avoid using position or margins in order to work correctly):

body {
    min-height: 100vh;
    display: flex; 
    justify-content: center;
    align-items: center;
}

I hope you find this helpful!

Keep up the excellent work!

hello @Micahtron

• nice work, your project is great.
• in the body you can use code

     display: flex ;
     justify-content: center;
    align-items: center;
    flex-direction: column;
    min-height: 100vh;
  

Hey Daniel, Thank you for your help! Getting "demo divs" to behave in the past has always involved a bit of janky CSS.

I've already implemented your advice in another challenge and it works far easier. Thanks.