JSFiddle - React, Tailwind, and code Playground

by Littledoggy12

HTML

<html>
  <head>
    <title>21st Century Locker</title>
  </head>
  <body>
    <div id = "door"></div>
    <div id = "shelf"></div>
    <div id = "comboBox"></div>
    <div id = "inside"></div>
    <div class = "book" id = "red"></div>
    <div class = "book" id = "blue"></div>
    <div class = "book" id = "yellow"></div>
  </body>
</html>

CSS

body {
  background: #3E8C33;
}

.book {
  position: absolute;
  width: 4em;
  height: 1em;
  left: 5em;
}

#inside {
  position: absolute;
  background: grey;
  width: 5em;
  height: 13em;
  top: 3em;
  left: 4.5em;
}

#red {
  background: red;
  top: 5em;
}

#blue {
  background: blue;
  top: 4em;
}

#yellow {
  background: yellow;
  top: 6em;
}

#door {
  position: absolute;
  background: black;
  height: 13em;
  width: 1em;
  left: 6em;
  top: 3em;
}