JSFiddle - React, Tailwind, and code Playground

HTML

<header>
  <ul>
   <li>Hallo</li>
   <li>Hallo</li>
   <li>Hallo</li>
   <li>Hallo</li>
  </ul>
</header>
<article>
<img class="previewpic" src="http://www.latimes.com/resizer/nVTdqTqjsJCACBn-bOk1l5JoB2g=/1400x0/arc-anglerfish-arc2-prod-tronc.s3.amazonaws.com/public/MO5HERVDWNGJ7GYEQGTEKYH2MQ.jpg">
 
  me
  TaseTheOne
  </article>

CSS

body { margin: 0; background-color: #2F2F2F; font-family: 'Bitter', serif; }
header { z-index: 10; position: fixed; top: 0px; width: 100%; background-color: #1c1c1c; border-top: 2px #000000 solid; border: 1px #000000 solid; }
header ul li { display: inline-block; padding: 5px; }
article {  margin-top: 100px; }
.previewpic { vertical-align: top; width: 160px; height: auto; }