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>

    

</body>
</html>

CSS

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

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

#container
{
    background-color: red;
}

.column
{
    position: relative;
    display: inline-block;
}

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

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

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