JSFiddle - React, Tailwind, and code Playground

by Sergey Goryachev

HTML

<div class="header">header</div>
<div class="content">
    <div class="left_container">left</div>
    <div class="main_container">main</div>
    <div class="right_container">right</div>
</div>
<div class="footer">footer</div>

CSS

* { text-align: center; line-height: 100px; }
.header { height: 100px; background: red; }
.left_container, .right_container { float: left; width: 20%; background: yellow; }
.main_container { float: left; width: 60%; background: blue; min-height: 2000px; }
.footer { height: 100px; background: green; clear: both; min-height: 2000px; }