JSFiddle - React, Tailwind, and code Playground

by hiral

HTML

<div class="main">
    <div class="footer"> <span class="copyright">some text block</span>

    </div>
</div>

CSS

.main {
    width: 100%;
    height:1563px;
    background:url(../images/1.jpg) 50% 0 no-repeat;
    overflow:hidden;
    position:relative;
    min-height:100%;
}
.footer {
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
    height:60px;
    background-color: #CDCBB8;
    display:table;
}
.copyright {
    font-family:"Myriad Pro", sans-serif;
    font-size:14px;
    color:#999;
    display: table-cell;
    vertical-align: middle;
    line-height: normal;
}