JSFiddle - React, Tailwind, and code Playground

by Dan Barrett

HTML

<div id='imgDiv'>
        <h1>
            <img src="img/#.png" style="width: 15%;" />
        </h1>


        <h2>
        <a href="http://www.#.co.uk/" target="_blank">Link</a>
        </h2>



        <center>
            <a class="rotate" href="https://www.facebook.com/#" target="_blank"><img src="img/facebook.png" class="rotate"></a>
            <a class="rotate" href="https://twitter.com/#" target="_blank"><img src="img/twitter.png"></a>
            <a class="rotate" href="https://www.linkedin.com/profile/view?id=#" target="_blank"><img src="img/linkedin.png"></a>
            <a class="rotate" href="https://dribbble.com/#" target="_blank"><img src="img/dribbble.png"></a>
        </center>   
</div>

CSS

body{
font-family: 'Open Sans', sans-serif;
color: #FFF;
height:100%;
width:100%;
margin:0;
padding:0;
position:relative;
background-color: #1abc9c;  
}

#imgDiv {
position:relative;
height:100%;
width:100%;
background-color: #1abc9c;
color: #FFF;
display:table;
text-align:Center;
}

#imgDiv div {
display:table-cell;
vertical-align:middle;
width:100%;
}