JSFiddle - React, Tailwind, and code Playground

by khamer

HTML

<article>
  <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, sapiente?</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro ea, illum ex, magnam, impedit maiores autem natus tempora omnis commodi ratione laudantium, veniam repellat beatae!</p>
  <aside>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis, consequuntur quo quasi minus, dicta fugiat!</p>
  </aside>
</article>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore illo maiores eius sed ducimus vel molestiae nam maxime reprehenderit enim blanditiis repudiandae commodi rem cumque unde eveniet nihil similique aperiam adipisci sint, non, dignissimos. Et aut quasi cumque, accusamus, mollitia, commodi saepe ipsa totam doloribus dolor fuga provident, dolorum sunt.</p>
<p>Beatae error omnis eveniet, eum magnam nostrum, quis dolorum ex expedita enim optio praesentium tenetur fuga, aliquid, aut delectus! Sint nulla sequi numquam eaque accusamus beatae iure, nostrum quos in velit expedita optio, id suscipit quisquam doloribus! Quos sed blanditiis aut, consequuntur, deleniti id. Officia mollitia perferendis reiciendis explicabo, fuga.</p>
<p>Repellendus cupiditate perferendis dolore quam, nemo, explicabo quod quis, sit eaque culpa repudiandae quaerat unde aliquam quasi eius facilis fuga. Commodi sed a, maxime. Aliquid dolor veritatis fuga odit voluptas. Ratione porro sint libero ipsa sit accusamus sequi nam blanditiis laborum cupiditate, nostrum itaque alias quos, harum veniam ut laudantium.</p>
<p>In, facere, voluptatem! Quis, animi. Voluptates id labore hic illum impedit tempore repellat aut illo molestiae fugiat officiis dolore minus maxime temporibus, nobis fugit molestias reprehenderit placeat? Amet dicta minima totam illo, aliquid temporibus, error corrupti excepturi recusandae sequi accusamus. Perspiciatis neque odit error fuga eaque molestiae minima cupiditate nemo.</p>
<p>Eaque tempora, beatae quos nisi rem maiores ex,...

CSS

article {
  padding: 0 5em;
}

aside {
  background: lightsalmon;
  position: fixed;
}