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, #container{
            width : 100%;                
            margin : 0;
            padding : 0;
        }
        #container{
            background-color:#ff4444;
        }
        #container>*{
            background-color:#4444ff;
            max-width:320px;
        }
        #container>div.expand{
            max-width:100%;
            display:block;                
            background-color:#44ff44;
        }
    </style>
</head>
<body>
<div id="container">
    <p>
        content
    </p>
    <div class="expand">
        groscaca<br />groscaca<br />groscaca<br />groscaca<br />groscaca<br />groscaca<br />groscaca<br />
    </div>
    <p>
        content content content content content content        content content        content content        content content        content content        content content
    </p>
</div>
</body>