JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="leftcolumn">
            </div>
    <div id="contentcolumn">Content</div>
    <div id="rightcolumn">Right</div>
</div>

CSS

html {
    background: yellow;
}
#wrapper {
    margin: 0 auto;
    max-width: 1250px;
    min-width: 980px;
    background: #fff;
    display:table;
}
#leftcolumn, #rightcolumn {
    display:table-cell;
    width:450px;
}
#rightcolumn {
    width:200px;
}
#contentcolumn {
    display:table-cell;
    ;
    width: 600px;
    background: blue;
}
img {
    width:180px;
    min-width: 100%;
    vertical-align:top;
}