JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Три колонки</title>
<style type="text/css">
    .wrap{
        background-color: #333;
        position: relative;
    }
    .wrap div{
        position: absolute;
        height: 200px;
    }
    .col-1{
        background-color: #1E90FF;
        left: 0;
        right: 50%;
        margin-right:150px;
    }
    .col-2{
        background-color: #CD5C5C;
        width: 300px;
        left: 50%;
        margin-left: -150px;
    }
    .col-3{
        background-color: #7CFC00;
        right: 0;
        left:50%;
        margin-left: 150px;
    }
</style>
</head>
<body>
    <div class="wrap">
        <div class="col-1">первая колонка</div>
        <div class="col-2">вторая колонка</div>
        <div class="col-3">третья колонка</div>
    </div>
</body>
</html>