JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
	<div class="logo">Logo</div>
	<div class="menu">Menu</div>
</div>

CSS

.header{
	width: 100%;
	height: 50px;
	display: flex;
	justify-content: center;;
}
.logo{
	width: 100px;
	background-color: green;
	margin-right: auto;
}
.menu{
	width: 200px;
	margin-right: auto;
	background-color: red;
}