JSFiddle - React, Tailwind, and code Playground

by nightcoregirl

HTML

<div class="left">
</div>


<div class="right">
<p>
Proin sed libero enim sed faucibus turpis in eu mi. Rhoncus mattis rhoncus urna neque. Ac odio tempor orci dapibus ultrices in. Pellentesque massa placerat duis ultricies lacus. Porttitor eget dolor morbi non arcu risus quis varius quam. Purus in massa tempor nec feugiat. Ultrices dui sapien eget mi proin. Metus aliquam eleifend mi in nulla posuere sollicitudin. Tincidunt dui ut ornare lectus sit amet. Orci ac auctor augue mauris. Laoreet suspendisse interdum consectetur libero id faucibus nisl tincidunt eget. Tristique nulla aliquet enim tortor at auctor. Enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Tristique et egestas quis ipsum suspendisse. Amet nulla facilisi morbi tempus iaculis urna id volutpat. Consequat mauris nunc congue nisi vitae suscipit. Orci phasellus egestas tellus rutrum tellus. Diam ut venenatis tellus in metus vulputate eu scelerisque. Malesuada fames ac turpis egestas sed tempus urna. Ullamcorper morbi tincidunt ornare massa eget.
</p>

<p>
Egestas dui id ornare arcu odio ut. Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Tempus egestas sed sed risus pretium quam vulputate dignissim. Rutrum tellus pellentesque eu tincidunt tortor. Eget est lorem ipsum dolor. Semper auctor neque vitae tempus quam pellentesque nec nam. Viverra accumsan in nisl nisi scelerisque eu ultrices. Consectetur libero id faucibus nisl tincidunt. Id diam vel quam elementum pulvinar. Morbi tincidunt ornare massa eget egestas purus viverra accumsan. Velit aliquet sagittis id consectetur purus ut faucibus. Dictum at tempor commodo ullamcorper a lacus vestibulum sed arcu. Sit amet nisl suscipit adipiscing. Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci.
</p>
</div>

CSS

*{
  padding: 0;
  margin: 0;
}

.left{
   width:100%;
   height: 100vh;
   background:#652c1e;  
}

.right{

}

.right p{
  padding: 10px;
}