JSFiddle - React, Tailwind, and code Playground

by Abeee Doe

HTML

<div id="x" class="menu" style="top: 100px; left: 100px;">
  <div class="button">a</div>
  <div class="button">b</div>
  <div class="button">c</div>
  <div class="button">d</div>
  <div class="button">e</div>
  <div class="button">f</div>
  <div class="button">g</div>
  <div class="button">h</div>
  <div class="button">i</div>
  <div class="button">j</div>
  <div class="button">k</div>
  <div class="button">l</div>
  <div class="button">m</div>
  <div class="button">n</div>
  <div class="button">o</div>
  <div class="button">p</div>
</div>

CSS

.menu {
  min-width: 195px;
  max-height: 200px;
  overflow: auto;
  position: fixed;
  background-color: #F9F9F9;
  border: solid 1pt yellow;
}

.button {
  border: solid 1px white;
  min-width: 200px;
}

body {
  background-color: green;
}