Order Summary Component using HTML and CSS.

Hello to all! I have a question. How do I get the Order Summary Card Component to be created to the following widths: 375px and 1440px? The design seems to be okay to me on different screens so I did not directly apply any changes for different screens. Should I have applied the changes? And if yes, how do I set out the @media query rule? Is it like this:

@media screen and (min-width: 375px) and (max-width: 1440px){ .container{ color: blue;
} }

Thanks very much and hope to get the @media rule to apply.