JSFiddle - React, Tailwind, and code Playground

by Saksham Malhotra

HTML

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error beatae totam laudantium ut tenetur nostrum, sequi, blanditiis tempora et alias perspiciatis earum amet doloribus debitis tempore, aut expedita quos optio.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error beatae totam laudantium ut tenetur nostrum, sequi, blanditiis tempora et alias perspiciatis earum amet doloribus debitis tempore, aut expedita quos optio.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error beatae totam laudantium ut tenetur nostrum, sequi, blanditiis tempora et alias perspiciatis earum amet doloribus debitis tempore, aut expedita quos optio.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error beatae totam laudantium ut tenetur nostrum, sequi, blanditiis tempora et alias perspiciatis earum amet doloribus debitis tempore, aut expedita quos optio.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error beatae totam laudantium ut tenetur nostrum, sequi, blanditiis tempora et alias perspiciatis earum amet doloribus debitis tempore, aut expedita quos optio.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error beatae totam laudantium ut tenetur nostrum, sequi, blanditiis tempora et alias perspiciatis earum amet doloribus debitis tempore, aut expedita quos optio.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error beatae totam laudantium ut tenetur nostrum, sequi, blanditiis tempora et alias perspiciatis earum amet doloribus debitis tempore, aut expedita quos optio.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error beatae totam laudantium ut tenetur nostrum, sequi, blanditiis tempora et alias perspiciatis earum amet doloribus debitis tempore, aut expedita quos optio.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error beatae totam laudantium ut tenetur nostrum, sequi, blanditiis tempora et alias perspiciatis earum amet doloribus debitis tempore, aut expedita quos optio.Lorem ipsum dolor sit amet,...

CSS

*{
  margin: 0;
  padding: 0;
}

body {
  background: #ffeeffee;
  position: relative;
}
.modal {
  width: 50%;
  background-color: #FFF;
  padding: 3rem;
  position: fixed;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
}