JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="wrapper">
        <div id="left_gradient">left</div>
        <div id="center_gradient">center</div>
        <div id="right_gradient">right
            <div></div>

CSS

#left_gradient {
    background: linear-gradient(to bottom, #72d382 0%, #ff9d00 100%);
    width:200px;
    height:500px;
    float:left;
}
#center_gradient {
    background: linear-gradient(to right, #72d382 0%, #ff7400 100%);
    width:200px;
    height:500px;
    float:left;
}
#right_gradient {
    width:200px;
    height:500px;
    float:left;
    background: linear-gradient(to bottom, #ff7400 0%, #fff600 100%);
}