JSFiddle - React, Tailwind, and code Playground

HTML

<div id="contenedor">

<div id="cabecera">
    <div id="logo">Logo</div>
    <div id="menu" >
        <ul>
            <li><a href="#">Enlace</a></li>
                <li><a href="#">Enlace</a></li>
                <li><a href="#">Enlace</a></li>
                <li><a href="#">Enlace</a></li>
                <li><a href="#">Enlace</a></li>
        </ul>            
    </div>
    <div id="telefono">Venta Telefono 1234567 </div>
</div>

<div id="contenido">
<div id="lateral">
    <div id="reflejologo"> reflejo logo</div>
    <div id="contenidoverde">
    contenido verde</div>
  </div>
<div id="principal-rojo">Inicio

Electrodomésticos? Muebles? Colchones? Cámaras de seguridad? Tenemos todo!

Visita nuestro Facebook, hacete amigo y comenza a disfrutar de nuestro amplio catálogo de productos con sus características, medidas, peso.

Nuestros operadores se encuentran trabajando constantemente para poder tener ilustraciones de todos los artículos que comercializamos y sus respectivas descripciones actualizadas para tu mejor compra. Ingresa a nuestro Facebook y comenza a disfrutar de todos los beneficios de ser nuestro cliente!</div>

</div>
<div id="pie">
Contenido pie.
</div>

</div>

CSS

*{margin:0; padding:0;}

/*Estructura ppal */
#contenedor{
margin:0 auto;
width:800px;
}

#cabecera{
height:110px;
    overflow:hidden;
}
#contenido{
background:#dfdfdf;
    height:372px;
}
#pie{
background:#d8f5ee;}
/*fin estructura ppal */


/*dentro de cabecera */
#logo, #menu{
    border:1px solid #000;
    float:left;
}
#logo{
    height:110px;
    width:129px;
}
#menu{
    height:110px;
    width:438px;
}

#menu ul{
    list-style-type: none;
    height:33px;
    margin: 65px auto 0;
    border:1px solid #000;
}
#menu ul li{
float:left;
    line-height:45px;
    width:20%;
    text-align:center;
        }

#telefono{
float:right;
height:110px;
width:201px;}



/* dentro de contenido */
#lateral{
    float:left;
    width:157px;
    height:100%;
}
#lateral #contenidoverde{
background: green;
width: 157px;
height: 214px;
    margin: 115px 10px 0;
padding-left: 15px;
padding-top: 20px;
     border-radius:20px;
    border-radius:20px;
    box-shadow:5px 5px 5px #999;
}

#principal-rojo{
    float:right;
background: red;
width: 550px;
height: 372px;
padding-left: 15px;
padding-right: 50px;
font-size: 14px;
    border-radius:20px;
    border-radius:20px;
    box-shadow:5px 5px 5px #999;
}