JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header_big">
  <div id="main_buttons">
    <div id="home" class="buttons">
      Home
    </div>
    <div id="cv" class="buttons">
      CV
    </div>
    <div id="nyheter" class="buttons">
      Nyheter
    </div>
    <div id="movie" class="buttons">
      Film
    </div>
    <div id="games" class="buttons">
      Spill
    </div>
    <div id="music" class="buttons">
      Musikk
    </div>   
  </div>
</div>

CSS

#header_big {
  background-color: #cccccc;
  min-width: 100%;
  min-height: 100%;
  text-align: center;
}

#main_buttons {
  min-height: 100%;
  display: inline-block;
}

.buttons {
  max-height: 100%;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 12px;
  padding-top: 14px;
}

.buttons:hover {
  background-color: #efefef;
}