JSFiddle - React, Tailwind, and code Playground

HTML

<h1>58 bytes of CSS to look great nearly everywhere</h1>
<p>By JoeyBurzynski - https://gist.github.com/JoeyBurzynski/617fb6201335779f8424ad9528b72c41<br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate itaque rem accusamus, doloremque nihil corporis dolor reprehenderit dignissimos, ipsam, hic aperiam voluptatum minima enim et. Explicabo nobis sint, provident sunt!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic iure error provident alias laboriosam. Corrupti illo sapiente quisquam ullam velit minima! Quod animi eos nostrum cum veniam iusto neque magnam!</p>
<h2>Header 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic iure error provident alias laboriosam. Corrupti illo sapiente quisquam ullam velit minima! Quod animi eos nostrum cum veniam iusto neque magnam!</p>
<ul>
  <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </li>
  <li>Hic iure error provident alias laboriosam. Corrupti illo sapiente quisquam ullam velit minima!</li>
  <li>Quod animi eos nostrum cum veniam iusto neque magnam!</li>
</ul>
<h3>Header 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Hic iure error provident alias laboriosam. Corrupti illo sapiente quisquam ullam velit minima! Quod animi eos nostrum cum veniam iusto neque magnam!</p>

CSS

html {
  max-width: 70ch;
  padding: 3em 1em;
  margin: auto;
  line-height: 1.75;
  font-size: 1.25em;
}
h1,h2,h3,h4,h5,h6 {
  margin: 3em 0 1em;
}

p,ul,ol {
  margin-bottom: 2em;
  color: #1d1d1d;
  font-family: sans-serif;
}