JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="ru">

<head>
    <title>MyPage</title>
    
    <link href="/Content/style.css" rel="stylesheet"/>

    
</head>

<body>
    <div id="header">
        Header
    </div>
    <div id="container">
        <div id="left" class="column">
            Left
        </div>
        


<div id="center" class="column">
    Center
    
</div>

        <div id="right" class="column">
            Right
        </div>
    </div>
    <div id="footer">
        Footer
    </div>
</body>
</html>

CSS

#header, #container, #footer
{
    position: relative;
    left: 15%;
    width: 70%;
    min-width: 850px;
}

#header
{
    height: 150px;
    background-color: yellow;
}

#container
{
    background-color: red;
}

#footer
{
    height: 50px;
    background-color: green;
    float: left;
}

.column
{
    float: left;
}

#left
{
    width: 20%;
    background-color: lightcyan;
}

#center
{
    width: 60%;
    background-color: lightcoral;
}

#right
{
    width: 20%;
    background-color: lightcyan;
}