<main>
  <article>
    <h1>Live, Laugh, Lobster</h1>
  </article>
</main>

body {
  font-family: sans-serif;
  padding: 2em;
}

main {
  contain: layout size;
  margin-inline: auto;
}

h1 {
  line-height: 1.1;
}

article {
  border: 1px solid grey;
  padding: 2em;
}

@container (min-width: 40em) {
  article {
    background: #ff00ff;
    text-align: center;
    font-family: "Lobster";
    font-size: 3em;
  }
}