JSFiddle - React, Tailwind, and code Playground

by lemniscus

HTML

<!-- lemniscus Embed -->
<script
  src="http://lemniscus-my.eu.ngrok.io/js/lemniscus-button.js"
  data-portal-id="DEMO123"
  data-side="right"
  data-height="50"
  data-padding="20">
</script>

<div class="container py-5">
  <div class="row">
    <div class="col-lg-8 mx-auto">

      <h1 class="mb-4">Lorem Ipsum Dolor Sit Amet</h1>

      <p class="lead">
        Dies ist eine kleine Testseite in JSFiddle.
        Bootstrap ist bereits da, wir nutzen ihn einfach 😎
      </p>

      <p>
        Lorem ipsum dolor sit amet, consectetur adipiscing elit.
        Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
        nisi ut aliquip ex ea commodo consequat.
      </p>

      <p>
        Duis aute irure dolor in reprehenderit in voluptate velit esse
        cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
        cupidatat non proident, sunt in culpa qui officia deserunt mollit
        anim id est laborum.
      </p>

      <hr class="my-5">

      <h2>Noch mehr Inhalt</h2>

      <p>
        Scroll nach unten – der Button sollte
        stoisch an seiner Position kleben 🧲
      </p>

      <div style="height: 1200px;"></div>

      <p class="text-muted">
        Ende. Mehr Lorem gibt’s heute nicht 😉
      </p>

    </div>
  </div>
</div>

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}