JSFiddle - React, Tailwind, and code Playground

by Ulrich Bangert

HTML

<div id="outer">
<div class="side">
<a href="link1.html">Link 1</a>
<a href="link2.html">Link 2</a>
<a href="link3.html">Link 3</a>
</div>
<img src="http://lorempixel.com/output/nature-h-c-200-400-1.jpg">
<div class="side">
<a href="link1.html">Link 1</a>
<a href="link2.html">Link 2</a>
<a href="link3.html">Link 3</a>
</div></div>

CSS

#outer {
  display: flex;
}
.side {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: center;
  justify-content: space-between;
}