JSFiddle - React, Tailwind, and code Playground

by Dmitriy Shvanyk

HTML

<div class="wrapper">
    <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada id risus et interdum. Ut rutrum facilisis varius. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque sollicitudin ex laoreet vestibulum. Nullam bibendum convallis enim, sed pretium sapien laoreet sit amet. Integer sem nulla, semper ut consectetur nec, fermentum non sapien. Mauris iaculis in sem ac scelerisque. Aenean pretium justo velit, tincidunt ornare sapien dignissim commodo.
Duis ut lacus eu dui molestie blandit. Praesent et ante sed justo posuere tempor consectetur sed libero. Nullam ut turpis eget est placerat malesuada. Vivamus ut lobortis quam. Sed nec mauris eu nunc varius malesuada tristique sed lectus. Maecenas ac posuere arcu. Fusce et rhoncus ipsum, sit amet mattis dolor. Integer faucibus at lectus ac volutpat. Mauris viverra, nibh volutpat rhoncus ullamcorper, felis diam elementum lorem, et vehicula turpis leo eget lectus. Aenean sagittis sit amet risus non tristique.

Etiam lobortis sapien nec felis ullamcorper gravida. Donec id dui sit amet lectus porta ornare. Sed a tincidunt sem, et rhoncus augue. Aliquam blandit consequat eros in laoreet. Praesent id malesuada dui. Aliquam in dolor ornare neque vestibulum condimentum. Sed non purus libero. Suspendisse pharetra finibus sapien, et sollicitudin diam elementum ut. Donec ac tellus velit. In nisl nisi, convallis sed iaculis eget, scelerisque sit amet nunc. In quis blandit libero, sit amet molestie lectus. Vestibulum turpis enim, malesuada id facilisis vitae, rutrum sed leo. Donec non nisl ullamcorper, pharetra justo non, tristique lorem. Donec non cursus elit. Nam augue mauris, interdum id viverra at, ornare sit amet diam. Vivamus accumsan lacus purus, vel viverra elit viverra iaculis.

Nam at mi neque. Duis feugiat, elit at egestas hendrerit, justo enim tincidunt libero, in pulvinar dui mauris in justo. Class aptent taciti sociosqu ad litora torquent per...

CSS

*{
    padding: 0;
    margin: 0;
}

.wrapper {
    display: table;
    width: 100%;
}
.wrapper .content,
.wrapper .sidebar{
    display: table-cell;
    vertical-align: top;
    padding: 20px;
    box-sizing: border-box;
}
.wrapper .content{
    width: 70%;
}
.sidebar {
    background: #f00;
    color: #fff;    
}