JSFiddle - React, Tailwind, and code Playground

HTML

<div id="top_full_bar">
   <div id="top_wrapper">
      <div id="top_logo">
      </div>
      <div id="top_right">
      </div>
   </div>
</div>

<div id="wrapper">
   <div id="top_banner">
   </div>
</div>

CSS

#top_full_bar {
	width: 100%;
	height: 70px;
	background-color: #ccc;
}

#top_wrapper {
        width: 970px;
        height: 70px;
        margin-left: auto;
        margin-right: auto;
}

#top_logo {
        width: 170px;
        height: 70px;
        background-color: #bbb;
        float: left;
}

#top_right {
        width: 800px;
        height: 70px;
        background-color: #ddd;
        float: right;
}

#wrapper {
        width: 970px;
        min-height: 300px;
        background-color: #aaa;
        margin-left: auto;
        margin-right: auto;
}

#top_banner {
        width: 970px;
        height: 90px;
        background-color: #bbb;
        margin-top: 10px;
        margin-bottom: 10px;
}