JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div class="header">
<div class="menu">
<a href="https://jsfiddle.net/">пункт</a> <a href="https://jsfiddle.net/">пункт</a> <a href="https://jsfiddle.net/">пункт</a> <a href="https://jsfiddle.net/">пункт</a> <a href="https://jsfiddle.net/">пункт</a> <a href="https://jsfiddle.net/">пункт</a> <a href="https://jsfiddle.net/">пункт</a> <a href="https://jsfiddle.net/">пункт</a> <a href="https://jsfiddle.net/">пункт</a>
</div>
</div>
<div class="content">
КОНТЕНТ
</div>
</body>

CSS

.header {max-width: 100%;margin: 0 auto;overflow: auto;background: #415d9c;background-image: url(http://static-ptl-ru.gcdn.co/dcont/gskins_installed/Defender/img/back.jpg); background-size: cover; padding-top: 38%}
.menu a {color: white;line-height: 30px;}
.menu {text-align: center;}
.content {min-height: 400px; background: #aaa;}