lynnandtonic

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;700&display=swap');

/* ------------------------------------------
  http://meyerweb.com/eric/tools/css/reset/
  v2.0 | 20110126
  License: none (public domain)
------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,

lynnandtonic

Assumptions: media queries are in a separate file for reasons of maintainability and scalability

So would it look like this:

@media screen and (max-width: 800px) {

  .thing-one { styles }
  
  .thing-two { styles }