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
{
    height: 150px;
    background-color: yellow;
}

#container
{
    background-color: red;
}


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

#center
{
    width: 20%;
    float: left;
    background-color: lightcoral;
}

#right
{
    width: 60%;
    float: left;
    background-color: lightcyan;
}