JSFiddle - React, Tailwind, and code Playground

by Laurie

HTML

<div id="jive">
    <div>
        <h3>Find Resource</h3>
        <p>Link</p>
        <p>Link</p>
    </div>
    <div>
        <h3>Engage</h3>
        <p>Link</p>
        <p>Link</p>
    </div>
    <div>
        <h3>Get Support</h3>
        <p>Link</p>
        <p>Link</p>
    </div>
    <div id="logo">
        <h3>Overview</h3>
        <p>Brief Description of Jive and existing communites.</p>
    </div>
</div>

CSS

#jive div {
    float:left;
    height:160px;
    width:160px;
    padding:7px;
}
#jive div:nth-child(1) {
    background-color:#19B1C0;
}
#jive div:nth-child(2) {
    background-color:#7161C5;
}
#jive div:nth-child(3) {
    background-color:#A7DCEB;
}
#jive #logo {
    background: url(http://services.corp.tmnas.com/Search%20Assets/Jive.png) fixed no-repeat;
}
#jive h3 {
    margin:.25em 0;
}
#jive p {
    margin:.5em 0;
}