JSFiddle - React, Tailwind, and code Playground

by Hugo Vale Pereira

HTML

<div class="dad">
  <div class="card">a</div>
  <div class="card">b</div>
  <div class="card">c</div>
  <div class="card">d</div>
</div>

CSS

html, body{
  height: 100%;
  margin:0;
}
.dad{
  height: 100%;
  background-color:red;
  overflow:scroll;
}


.card{
  height: 120vh;
  margin-left:10px;
  border: 3px solid black;
   background:blue;
   padding:40px;
}