JSFiddle - React, Tailwind, and code Playground

by harsh dand

HTML

<div class="scroll">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia assumenda autem provident commodi quas atque esse necessitatibus ad beatae sit! Ea fuga explicabo deserunt recusandae officia esse culpa consequatur assumenda?
</div>

CSS

.scroll 
{
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    height:400px;
    font-size:50px;
    background-color:red;
}

@media(max-width:767px){
  .scroll {
    max-height: 400px;
  }
}

@media(min-width:768px){
  .scroll {
    max-height: 750px;
  }
}