JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id='links'>
        <div id='logo'>
             test
        </div>
        <div id='navigatie'>
            linkjes
        </div>
    </div>
    
    <div id='rechts'>
        <div id='titelbalk'>
            <h1>titelbalk</h1>
        </div>
        <div id='content'>
            content
        </div>
    </div>
</body>

CSS

*
{
    margin: 0;
    padding: 0;
    border: 0;
}
body
{
    background-color: white;
}
#links
{
    float: left;
    width: 200px;
}

#logo
{
    background-color: yellow;
    height: 164px; /*normaal zit er een afbeelding met deze hoogte in het script*/
}

#navigatie
{
    background-color: green;
}

#rechts
{
    float: left;
    margin-left: 5px;
    background-color: red;
}

#titelbalk
{
    height: 164px;
}

#content
{
    background-color: blue;
}