JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

body {
    margin: 0px;
    padding: 0px;
}
#container {
    height: 100%;
    background-color: black;
    /* Now margins of container and logo won't touch */
    padding-top: 1px;
}
#logo {
    background-color: goldenrod;
    /* Change logo margin and the parent moves with it! */
    margin: 30px auto auto auto;
    width: 360px;
    height: 45px;
    
}