<h1><code>200%</code> Text Zoom Test</h1>

<div class="card card--static">
  <p>For example, the sun goes up and then it goes down. You tell me where we start, where we're going, where we're going afterwards. I don't sit in while you're running it down. Do you understand?</p>
</div>

<div class="card card--dynamic">
  <p>For example, the sun goes up and then it goes down. You tell me where we start, where we're going, where we're going afterwards. I don't sit in while you're running it down. Do you understand?</p>
</div>
.card {
  background-color: WhiteSmoke;
  margin-bottom: 1em;
  overflow: hidden;
  padding: 0 1em;
}

.card--static {
  height: 200px;
  width: 400px;
}

.card--dynamic {
  height: 12.5rem;
  width: 25rem;
}

External CSS

  1. https://svinkle.github.io/css/codepen.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/webfont/1.6.28/webfontloader.js
  2. https://svinkle.github.io/js/codepen.js