JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="FR" lang="FR">
<head>
    <style>
        body, html {
            width : 100%;                
            margin : 0;
            padding : 0;
        }
        #container{
            background-color:#ff4444;
            width:100%;
        }
        #container>*{
            background-color:#4444ff;
            width:320px;            
        }
        #container>div.expand{
            background-color:#44ff44;
            width:100%;
        }
    </style>
</head>
<body>
<div id="container">
    <div>
    content cjs jdfkjshf kjsd hfkj hkh kj hkjh  hds hsd hf ksjkh sdk s sdf df s 
    </div>
    <div class="expand">
        groscaca<br />groscaca<br />groscaca<br />groscaca<br />groscaca<br />groscaca<br />groscaca<br />
    </div>
    <div>
    content cjs jdfkjshf kjsd hfkj hkh kj hkjh  hds hsd hf ksjkh sdk s sdf df s
    </div>
</div>
</body>