JSFiddle - React, Tailwind, and code Playground

HTML

<div class="somestuff">this is some stuff</div>
    <div class="menu">
      <div class="menu-item">Link</div>
      <div class="menu-item">Link</div>
      <div class="menu-item">Link</div>
      <img class="logo" src="http://via.placeholder.com/80x120">
      <div class="menu-item">Link</div>
      <div class="menu-item">Link</div>
      <div class="menu-item">Link</div>
    </div>

CSS

.menu-item {
      display: inline-block;
      padding: 15px;
    }
    @media screen and (max-width: 800px) {
      .logo {
        float: left;
        width: 16px;
        height: 24px;
      }
      .somestuff {
        display: none;
      }
    }