JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
			<div class="leftColumn">
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis odio odio, vel dignissim elit sodales eu. Phasellus in lobortis nisl. In nunc lectus, sollicitudin a massa et, gravida malesuada nibh. Nulla sed metus sed ipsum gravida tincidunt ac sed nulla. Phasellus sed ultricies mauris, sit amet scelerisque eros. Quisque eu condimentum nibh.
			</div>
			<div class="rightColumn">
				Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec mattis odio odio, vel dignissim elit sodales eu. Phasellus in lobortis nisl. In nunc lectus, sollicitudin a massa et, gravida malesuada nibh. Nulla sed metus sed ipsum gravida tincidunt ac sed nulla. Phasellus sed ultricies mauris, sit amet scelerisque eros. Quisque eu condimentum nibh.
			</div>
			<div class="clear"></div>
		</div>

CSS

html, body {
    height: 100%;
    background-color: #f2f3f4;
    font-size: 95%;
}

.leftColumn {
    float: left;
    margin: 0 0 0 -15em;
    overflow: visible;
    width: 15em;
    background-color: #49948b;
    color: #fff;
    position: relative;
}

.rightColumn {
    float: left;
    margin-right: -100%;
    width: 100%;
    background-color: #457fa3;
    color: #fff;
    position: relative;
}

.wrap{
    padding-left: 15em;
    background-color: #aaa;
}

.clear {
    clear: both;
    float: none;
    font-size: 0;
    height: 0;
    line-height: 0;
}