round/translate-rotate.js lines:'7-12,16' %}</div>
      <div class="col-1-2">{% p5 shape/figure-and-ground/translate-rotate.js %}</div>
    </div>

    <p>As we dive into more layout techniques, we will further investigate how to use <code>translate()</code> and <code>rotate()</code> to make more sophisticated designs.</p>

  </section>

  <section data-type="sect1">

    <h1>Designing a word</h1>

    <p>A good way to practice these relationships is the ‘design a word’ exercise. Pick an adjective from