JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="logo">
        <a href="#">LOGO HERE</a>
        <div class="links">
            <a href="#">LINK 1</a>
            <a href="#">LINK 2</a>
            <a href="#">LINK 3</a>
        </div>
    </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; position: relative;}
.links { width:30%;float:left;position:absolute; font-size: 14px;
right: -30%; bottom: 0;}