JSFiddle - React, Tailwind, and code Playground

HTML

<header class="main-header">
  	<div class="row-header">
  		<nav class="main-navigation">
  			<ul>
  				<li>Главная</li>
  				<li>Новости</li>
  				<li>Донорство</li>
  				<li>Лечение</li>
  			</ul>
  		</nav>
  	</div>
  </header>

CSS

html,
body {
	margin: 0;
	padding: 0;
	background-color: #885043;;
	background-attachment: fixed;
}

.main-header {
	width: 56%;
	height: 500px;
	background: #4c201f url(https://s8.hostingkartinok.com/uploads/images/2018/11/b3333aedbbd50cd622ce9b4d6eae52b6.png) no-repeat;
    background-size: 100%;
	margin: 0 auto;
}

.main-navigation {
  float: left;
	margin-top: 85px;
}

.main-navigation ul {
	width: 100%;
	list-style: none;
}

.main-navigation li {
	display: inline-block;
  padding: 1px;
	background: green;
}