JSFiddle - React, Tailwind, and code Playground

HTML

<nav id="site-navigation" class="main-navigation" role="navigation">
			<button class="menu-toggle">Меню</button>
			<a class="assistive-text" href="#content" title="Перейти к содержимому">Перейти к содержимому</a>
			<div class="menu-menu-1-container"><ul id="menu-menu-1" class="nav-menu"><li id="menu-item-222" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-222"><a href="#pg-34-17" data-ps2id-api="true" class="_mPS2id-h">Сотрудничество</a></li>
<li id="menu-item-223" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-223"><a href="#pg-34-23" data-ps2id-api="true" class="_mPS2id-h">Наши работы</a></li>
<li id="menu-item-224" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-224"><a href="#pgc-34-56-0" data-ps2id-api="true" class="_mPS2id-h">Контакты</a></li>
</ul></div>		</nav>

CSS

@media screen and (min-width: 600px)
.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    display: inline-block !important;
    text-align: center;
    float:rigt;
    top:35%
    left:40%
    position:absolute;