JSFiddle - React, Tailwind, and code Playground

by davidxmartins

HTML

<body>


<div class="container">
  <div class="content">Content 1</div>
  <div class="content">Content 2</div>
  <div class="content">Content 3</div>
  <div class="content">Content 4</div>
  <div class="content">Content 5</div>
  <div class="content">Content 6</div>
  <div class="content">Content 7</div>
</div>




</body>

CSS

body {
  margin: 0;
  padding: 0;
  }
.container {
  width: 100vw;
  height: 100vh;
  overflow-y: scroll;
  transform: rotate(-90deg);
}

.content {
  width: 100vw;
  height: 100%;
  margin: 10px;
  background-color: #a8a8df;
  transform: rotate(90deg);
}