.event-scheduler {
  position: relative;
  height: 900px;
  /* 24 hours * 1.5 = 1440px, minus 60px for the header */
}

.event {
  position: absolute;
  left: 20px;
  /* adjust as needed for spacing between events */
  width: calc(100% - 20px);
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 5px;
  overflow: hidden;
}

.event-title {
  font-weight: bold;
}