<article>
  <h2>Covered Bridge</h2>
  <p>
    A covered bridge is a timber-truss bridge with a roof, decking, and siding, which in most covered bridges create an almost complete enclosure.
  <p>
  <aside>
    <p>The longest covered bridge ever built was constructed in 1814 in Lancaster County, Pennsylvania and spanned over a mile in length.</p>
  </aside>
</article>
html {
  font-size: 1rem;
  font-family: arial;
}

article {
  font-size: 1.25rem;
}

h2 {
  font-size: 2rem;
}

aside > p {
  font-size: 1rem;
}

@media (min-width: 400px) {
  html {
    font-size: 2rem;
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.