-
-
Save kobitoDevelopment/c44e56bcf4e8a88d07d2e68d3d6d0ecc to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .container { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| width: 480px; | |
| height: 280px; | |
| margin-inline: auto; | |
| border: 1px solid black; | |
| overflow-y: auto; | |
| & > .right { | |
| height: 120px; | |
| overflow-y: auto; | |
| overscroll-behavior: contain; | |
| } | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="left"> | |
| Lorem, ipsum dolor sit amet consectetur adipisicing elit. Numquam facilis natus magnam ad necessitatibus voluptatem illo, ipsam suscipit deserunt dolores perferendis, non beatae? Eligendi, dicta tenetur? Amet quis ullam laboriosam!Lorem, ipsum dolor sit amet consectetur adipisicing elit. Numquam facilis natus magnam ad necessitatibus voluptatem | |
| illo, ipsam suscipit deserunt dolores perferendis, non beatae? Eligendi, dicta tenetur? Amet quis ullam laboriosam!Lorem, ipsum dolor sit amet consectetur adipisicing elit. Numquam facilis natus magnam ad necessitatibus voluptatem illo, ipsam suscipit deserunt dolores perferendis, non beatae? Eligendi, dicta tenetur? Amet quis ullam laboriosam! | |
| </div> | |
| <div class="right"> | |
| Lorem, ipsum dolor sit amet consectetur adipisicing elit. Numquam facilis natus magnam ad necessitatibus voluptatem illo, ipsam suscipit deserunt dolores perferendis, non beatae? Eligendi, dicta tenetur? Amet quis ullam laboriosam!Lorem, ipsum dolor sit amet consectetur adipisicing elit. Numquam facilis natus magnam ad necessitatibus voluptatem | |
| illo, ipsam suscipit deserunt dolores perferendis, non beatae? Eligendi, dicta tenetur? Amet quis ullam laboriosam!Lorem, ipsum dolor sit amet consectetur adipisicing elit. Numquam facilis natus magnam ad necessitatibus voluptatem illo, ipsam suscipit deserunt dolores perferendis, non beatae? Eligendi, dicta tenetur? Amet quis ullam laboriosam! | |
| </div> | |
| </div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment