JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="logo">
        <a href="#">LOGO HERE</a>
    </div>
    
    <div class="links">
        <a href="#">LINK 1</a>
        <a href="#">LINK 2</a>
        <a href="#">LINK 3</a>
    </div>
</div>

CSS

.wrapper { width:100%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.logo { width:75%;float:left;font-size:100px;}
.links { width:25%;float:left;position:relative;}