JSFiddle - React, Tailwind, and code Playground

HTML

<div class="message vertical-center horizontal-center">
    <h1 class="logo">
        <a href="#">
            <img src="http://www.netcraft.co.il/images/netcraft_logo.gif" alt="Netrcaft">
        </a>
    </h1>
    <div class="subtitle">Cooming Soon...</div>
</div>

CSS

.message {
    background: #FED;
    padding: 5px 5%;
    text-align: center;
}

.message .logo {
    background: white; 
    border: solid 1px #DAD;
    padding: 10px 0;
}

.message .subtitle {
    height: 75px;
}

.vertical-center {
    display:inline-block;
    
}