JSFiddle - React, Tailwind, and code Playground

HTML

<nav class="row">
        <ul>
            <li><a href="#">Customers</a></li>
            <li><a href="#">Competences</a></li>
            <li><a href="#">Career</a></li>

        </ul>
        <div class="logo"><img src="http://revisesmart.co.uk/wp-content/uploads/2014/02/trapezium.jpg"></div>
</nav>

CSS

nav {
    width:100%;
    background-color:grey;
    position:relative;
}

ul {
    
}

li {
    display:inline-block;
    list-style:none;
    border-bottom:5px solid red;
    padding:30px 10px;
}

.logo {
    position:absolute;
    right:0;
    top:0;
}

.logo img {
    max-height:80px;
}