JSFiddle - React, Tailwind, and code Playground

by timmah

HTML

<section id="content">
            <div id="header">
            </div>
            <div id="headermenu">
            </div>
            <div id="imagenprincipal">
            </div>
            <div id="espacio">
            </div>
            <div id="galeria">
                <div id="columna">
                    <div id="movimientos"></div>
                    <div id="eventos"></div>
                </div>
                <div id="exposiciones"></div>
                <div id="noticias"></div>
            </div>
        </section>

CSS

#content {
    width: 100%;
    margin: 0 auto;
}

#header {
    height: 100px;
    border: 1px purple solid;
}

#headermenu {
    height: 40px;
    border: 1px aqua solid;
}

#imagenprincipal {
    height: 100px;
    border: 1px orange solid;
}

#espacio {
    height: 100px;
    border: 1px brown solid;
}

#galeria {
    height: 825px;

}
#columna, 
#exposiciones,
#noticias {
    width:33.3%;
    float:left;
    height: 825px;
}

#movimientos {
    background-color:red;
    height: 353px;
}
#exposiciones {
    background-color:pink;
}
#eventos {
    background-color:blue;
    height: 472px;
}

#noticias {
    background-color:green;
    height: 825px;
}