JSFiddle - React, Tailwind, and code Playground

by goldorak

HTML

<body>
  <div class="modal"></div>
</body>

CSS

body {
  height: 8000px;
  background: rgb(2,0,36);
  background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(0,212,255,1) 100%);
  position: relative;
}

.modal {
  background: red;
  position: fixed;
  top: 30vh;
  bottom: 0;
  left: 0;
  right: 0;
  height: calc(70vh - 20px)
}