Pinafore-Web-Client-Frontend/routes/_components/FreeTextLayout.html

<div class="free-text">
  <slot></slot>
</div>
<style>
  :global(.free-text) {
    margin: 20px;
  }
  :global(.free-text p) {
    margin: 30px 0;
  }
  :global(.free-text) {
    overflow-y: auto; /* fixes weird iOS Safari bug where scrolling gets stuck */
  }
  @media (max-width: 767px) {
    :global(.free-text) {
      margin: 10px;
    }
  }
</style>