JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<div class="col-xs-10">
						<nav class="main-menu">
	<ul class="stack">
<li><a href="/proekty"  title="Проекты">Проекты</a></li><li><a href="/soprovozhdenie"  title="Сопровождение">Сопровождение</a></li><li><a href="/prodazha-ob-ektov"  title="Продажа объектов">Продажа объектов</a></li><li><a href="/proekty-yaponskikh-studij"  title="Проекты японских студий">Проекты японских студий</a></li><li><a href="/novosti"  title="Новости">Новости</a></li><li><a href="/kontakty"  title="Контакты">Контакты</a></li></ul>
</nav>
					</div>

CSS

.col-xs-10 {
    width: 83.33333333%;
}
.main-menu {
    padding: 52px 0 0;
}
.main-menu ul {
    text-align: justify;
}
.main-menu ul:after {
    display: inline-block;
    visibility: hidden;
    overflow: hidden;
    height: 0px;
    content:"";
    width: 100%;
}
.main-menu li {
    display: inline-block;
    text-align: left;
}
.main-menu a {
    color:#1e1e1e;
}
.main-menu a:hover {
    color:#588729;
    text-decoration:none;
}
.main-menu .active a {
    color:#878787;
}