JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div id="container">
        <div class="header">
            <img class="logo" src="http://i.stack.imgur.com/0ligN.jpg" />
        </div>
        <div id="inner2" style=""></div>
    </div>
</div>

CSS

html, body {
    margin:0;
    height:100%;
}
body {
    display:table;
    width:100%;
}
#wrapper {
    display:table-cell;
   /* vertical-align:middle;*/
    height:100%;
    width:100%;
}
#container {
    height:100%; 
    width:70%;
    background:red;
    margin:0 auto;
}
.header {    
    width:90%;
    height:20%;
    background:black;
    margin:0 auto;
}
.logo {width:100%}