JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-wrap1">
    <div class="col-wrap2">
        <div class="col1">left column
            <div class="spacer"></div>
        </div>
        <div class="col2">center column  center column  center column  center column  center column center column  center column  center column center column center column  center column center column center column  center column center column  center column  center column  center column center column center column  center column  center column center column center column  center column  center column  center column center column center column center column center column center column center column center column center column center column center column center column center column center column center column center column center column center column center  center column  center column  center column  center column  center column center column  center column  center column center column center column  center column center column center column  center column center column  center column  center column  center column center column center column  center column  center column center column center column  center column  center column  center column center column center column center column center column center column center column center column center column center column center column center column center column center column center column center column center column center column center column  center column  center column  center column  center column  center column center column  center column  center column center column center column  center column center column center column  center column center column  center column  center column  center column center column center column  center column  center column center column center column  center column  center column  center column center column center column center column center column center column center column center column center column center column center column center...

CSS

html, body {
   height:100%;
   width:100%;
}
.col-wrap1, .col-wrap2 {
   min-height:100%;
} 
.col-wrap1 {
    width:25%;
    background:blue;
}
.col-wrap2 {
    width:200%;
    margin-right:-100%; /* чтобы IE6 не раздвигал контейнер */
    position:relative;
    left: 100%;
    background:red;
}
.col1 {
    float:left;
    width:50%;
    margin-right:-100%;
    position:relative;
    left:-50%;
    height:100%;
}
.footer {
    background:green;
    height:50px;
    margin-top:-50px;
    position:relative;
}
.spacer{
    height:50px;
    position:relative;
}