JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/cascade-framework/1.5.0/css/build-full.min.css">
<div class="site-body">
    <div class="site-header">
        <div class="col">
            <div class="col width-1of5">
                <div class="cell"> <a id="logo" href="/">Company Name</a>

                </div>
            </div>
            <div class="col width-3of5">
                <div class="cell">
                    <select>
                        <option value="volvo">Volvo</option>
                        <option value="saab">Saab</option>
                        <option value="mercedes">Mercedes</option>
                        <option value="audi">Audi</option>
                    </select>
                </div>
            </div>
            <div class="col width-fill mobile-width-fill">
                <div class="cell"> <a id="restaurants" href="/restaurants" style="font-size: 16px; cursor: pointer;">
                    Menu Here    
                    </a>

                </div>
            </div>
        </div>
    </div>
    <div class="col">
        <div class="cell">Page content here</div>
    </div>
</div>

CSS

.cell {
    
}
select {
    width: 100%;
}