Stats Preview Card with HTML and CSS

Hello, I love your work. To specify the width using the desktop-first approach, in the body include the max width given in the style sheet

body{
    max-width: 1440px;
    margin: 0 auto;
}

Later on, when modifying the styles for the mobile display, use the media query and specify the width of the mobile device there

/*mobile design styles*/
@media (max-width: 375px){
    body{
        max-width: 375px;
        margin: 0 auto;
    }

Note: The "margin: 0 auto" is used to centralize your page on every screen both vertically and horizontally so it's necessary you include it in your work

-Margins are used to create space around elements, outside of any defined borders.

-Padding is used to create space around an element's content, inside of any defined borders.

-The CSS border properties allow you to specify the style, width, and color of an element's border.

Please check out the link CSS Margin - W3 Schools for more information about how they are used.

Looks perfect, the code is very easy to read the only thing I noticed was the h1 you can put a spam inside of that and change the color like that instead of doing h1 h1 h1 just to save a few lines of coding. I swear for a week of coding this is really good, I was all over the place 😂 I think I probably still am I started using grid and took Kevin Powell's responsive course. I feel like maybe if you try the calc property for paddings that might work. Hope that was helpful.