JSFiddle - React, Tailwind, and code Playground

HTML

<div class="mydiv">
Suspendisse potenti.


</div>
<footer class="smallFooter">
            <p> @EDUARDVALENTIN 2015 </p>
            <a href="https://www.facebook.com/danadesignsartoria?fref=ufi"><img src="img/fb-logo.png" /></a>
            <a href="#"><img src="img/instagram-logo.png" /></a>
            <a href="https://www.youtube.com/channel/UCqe4oWvPuSP8kTL70V1P9Gg/feed"><img src="img/yt-logo.png" /></a>
            <a href="https://twitter.com/SartoriaAsti"><img src="img/twitter-logo.png" /></a>
        </footer>

CSS

html,body{
    height:100%;
    padding:0;
    margin:0;
}
.mydiv{
    background : red;
}
.smallFooter{   
    width:100%;  
    height:35px;
    background-color:#0E0E0E ;
    position:relative;
}



.smallFooter p{
    position:absolute;
    display: inline-block;
    box-sizing:border-box;
    color:white;
    font-size:10px;
    float:left;

}


footer img{
    width:25x;
    height:25px;
    display:inline-block;
    float:right;
    margin-right:3%;
    padding-top:8px;

}

JavaScript

$(".mydiv").css({"min-height":($("body").outerHeight() - $(".smallFooter").outerHeight())});