Overflow-y-* Example
.overflow-y-auto allows the users to scroll vertically and view the overflowed content.
In order to adjust the content, a vertical scroll bar should appear.
.overflow-y-hidden is a class applied
on an element with set width and height dimensions.
This will hide the contents, when overflowing, along the y-axis.
.overflow-y-visible is a class applied
on an element with set width and height dimensions.
This will not hide the contents, even when overflowing, along the y-axis.
.overflow-y-scroll
This ensures that a vertical scrollbar is always present, even if there is no actual overflow along the vertical axis.