Stats Preview Landing Page (HTML, CSS)

Hey Ryan! Nice work on this challenge. The 1440px in the style-guide.md file shows the whole width of the design as opposed to a recommended breakpoint. So it's saying that the mobile design is done at a 375px screen width, and the desktop design is 1440px screen width. So I'd recommend re-working your media query, as it could definitely change to the desktop layout earlier.

You've done an excellent job, though! One app I'd recommend to help test responsiveness is Responsively. It's completely free and open-source and is very helpful.

Keep up the great work! 👍

body { background-color: var(--background-color); display: grid; place-items: center; min-height: 100vh; } @media only screen (min-width:1000px){ .container { font-family: var(--inter-font-family); font-weight: var(--inter-normal-weight); width: 1000px; } }