JSFiddle - React, Tailwind, and code Playground

HTML

<div class="panel hide-for-small-down">
    <div class="row">
        <div class="large-4 columns">
           <nav>
             <ul>
               <li>About</li>
               <li>Portfolio</li>
             </ul>
           </nav>
        </div>
        <div class="large-4 columns">
          <img src="http://placehold.it/350x150">
        </div>

        <div class="large-4 columns">
            <nav>
             <ul>
               <li>Blog</li>
               <li>Contact</li>
             </ul>
           </nav>
        </div>
    </div>
 </div>

CSS

.top-nav{
margin-top: 24px;
background: #ccc;
padding:15px;
text-align: center;
border-radius: 5px;
 }
.large-4 {
    display: inline-block;
    vertical-align: middle;
}