JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#menu">Open</a>
<div class="menu" id="menu"></div>

CSS

.menu {
  right: -400px;
  position: fixed; /* not absolute */
  top: 0;
  bottom: 0;
  background-color: #CCC;
  height: 100vh;
  width: 400px;
}
.menu:target {
  right: 0;
}