JSFiddle - React, Tailwind, and code Playground

HTML

<div id="footer">
    <div>
    <h2>Revovation</h2>
    <p>Our mission is to provide the best handyman service at an reasonable price without sacrificing quality. You will be satisfy with our work knowing we take the necessary steps to meet your needs and get the job done right
    </p>
    </div>
    <div>
        <h2>Information</h2>
            <div>
                <ul>
                    <li>Blog</li>
                    <li>Services</li>
                    <li>Extras</li>
                    <li>Contact</li>
                </ul>
            </div>
            <div>
                <ul>
                    <li>Projects</li>
                    <li>Information</li>
                    <li>About us</li>
                    <li>Shop</li>
                </ul>
            </div>
    </div>
    <div>
        <h2>Renovation Office</h2>
        <ul>
            <li><img src="images/marker.png" alt="">Address</li>
            <li>Phone</li>
            <li>Email</li>
            <li>Fax</li>
            <li>Timings</li>
        </ul>
    </div>

</div>

CSS

#footer
{
    background  :  #282828; 
    border: 2px solid blue;
    font-family  :  verdana;
    position: relative;
    color : #8e9a8c;
    height: auto;
    float: left;
}


#footer div
{
    background  :  #282828; !important;
    width  :  28%;
    border: 1px solid red;
    padding: 60px 0px 30px 40px;
    float:left;
}