JSFiddle - React, Tailwind, and code Playground

by enigma_avatar

HTML

<div id="chat">chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>chat
  <br>
</div>

CSS

#chat {
  height: 39vh;
  width: 27.5vw;
  display: block;
  overflow: auto;
  position: fixed;
  top: 55vh;
  left: 21vw;
  background-image: url("http://pre11.deviantart.net/b65d/th/pre/i/2005/076/5/e/frame_by_anilestock.jpg");
  background-size: 100% 100%;
  padding: 2.5% 4.5% 4.5% 4.5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}