JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <header id="header">
        <div class="header_container">
            <h1 class="header_logo">Blog</h1>
            <nav class="menu_nav">
            </nav>
        </div>
    </header>
</div>

CSS

body, html {
    margin: 0;
    height: 100%;
}
#container {
    height: 100%;
    width: 100%;
    background-color: orange;
}
#header {
    width: 100%;
    height: 80px;
    background-color: green;
  
}
.header_container {
    margin-left: 50px;
    margin-right: 50px;
}