JSFiddle - React, Tailwind, and code Playground

by Daniel Tan

HTML

<div id="container">
    <div id="absolutly">
        <a href="/" id="footer-logo">
            <img title="caneppele" alt="caneppele" src="http://oi59.tinypic.com/20shvh4.jpg" />
        </a>
    </div>
</div>

CSS

#container:before 
{
    padding-top: 10%;
    content: "";
    display: block;
}

#container
{
    position:relative;
    width:100%;
    background-color:green;
}

#absolutly
{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width:100%;
}

#footer-logo
{
    display:block;
    float:left;
    height:100%;
    background-color:red;
}

#footer-logo img
{
    height:100%;
    width:auto;
    opacity:0.5;
}