JSFiddle - React, Tailwind, and code Playground

HTML

<div id='container'>
    <div id='logo'>
        <p>logotext.</p>
    </div>
</div>

CSS

body {
    margin: 0px;
    padding: 0px;
    height: 100%;
}
#container {
    height: 100%;
    background-color: black;
    /* Use padding here instead of margin on logo */
    padding-top: 30px;
}
#logo {
    margin: auto;
    width: 360px;
    height: 45px;
    background-color: goldenrod;
}