JSFiddle - React, Tailwind, and code Playground

HTML

<div id="tudo">
    <header>
        <section id="logo">
            Logitipo
        </section>
        <section id="menu">
            <nav>
                <ul>
                    <li>Menu Item</li>
                    <li>Menu Item</li>
                    <li>Menu Item</li>
                    <li>Menu Item</li>
                    <li>Menu Item</li>
                    <li>Menu Item</li>
                    <li>Menu Item</li>
                </ul>
            </nav>
        </section>    
    </header>
    <article>
        <h1 class="titulo textos">Conteúdo do site:</h1>
        <p class="textos">
            
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sit amet sem id nisi imperdiet hendrerit sed at tellus. Praesent tempor a ipsum nec dictum. Donec vitae varius quam, et feugiat mauris. Mauris iaculis volutpat neque, ut placerat orci aliquam at. Cras et tortor ac magna consectetur varius vitae et est. Morbi pulvinar vulputate dictum. Interdum et malesuada fames ac ante ipsum primis in faucibus. Curabitur luctus in mauris at vehicula. Fusce suscipit molestie libero, et molestie metus malesuada a. Aliquam elementum non erat at tincidunt. Aliquam sagittis pellentesque consequat. Vivamus porta convallis est, tincidunt scelerisque arcu hendrerit eu.

In id nisl sit amet nisl pulvinar gravida. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed bibendum turpis, in consectetur purus. Maecenas est sapien, ultrices ut lobortis non, fringilla ut dui. Fusce sed posuere nisl, porttitor pharetra libero. Sed vitae faucibus ipsum. Nulla facilisi. Phasellus ut lacus posuere, aliquam enim et, luctus mauris. Nam libero libero, commodo vitae tortor sit amet, tincidunt dignissim justo. Sed dictum lectus quam, et fermentum odio consequat placerat. Nulla facilisi. Integer dignissim maximus sem eu gravida. Nullam placerat a dui faucibus tincidunt. Nam rutrum arcu et dapibus vulputate.

Morbi nunc magna, convallis in luctus at, cursus...

CSS

*{margin: 0; padding: 0;}
html, body{
    width: 100%;
    height: 100%;
    background: #ccc;
}
#tudo{
    margin: 0 auto;
    width: 960px;
    height: 100%;
    background: #fff;
}

#tudo header{
    display: table;
    width: 100%;
    height: 100px;
    background: #6FAD6D;
}

#logo{
    margin-top: 15px;
    float: left;
    width: 200px;
    height: 68px;
    background: #9DA64B;
    text-align: center;
    line-height: 68px;
    
}

#menu{
     float: left;
    width: 760px;
    height: 100px;
    background: #E8430C;
}



#menu nav ul{
    list-style: none;
    margin: 20px;
}

#menu nav ul li{
    float: left;
    background: #942D0A;
    margin-left: 10px;
    width: 90px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

#tudo article{
    width: 100%;
    height: auto;
    background: #528CA8;
}

.textos{
    padding: 10px;
    text-align: justify;
}

.titulo{
    color: #fff;
    font-family: verdana;
    font-weight: bold;
}

#tudo footer{

    width: 100%;
   
    background: #AD1A2B;
}