Currently, I am facing an issue with displaying multiple rows of products in a container. The scroll does not allow me to reach the end of the container as shown in the picture below. Is there something wrong with my current setup? And is it possible to avoid setting a max-height for the container, considering that I will be adding more rows in the future?
<div class="tab-content" id="fe-scrollable">
<div>CONTENT HERE</div>
<div>CONTENT HERE</div>
<div>CONTENT HERE</div>
<div>CONTENT HERE</div>
</div>
.tab-content {
overflow-y: scroll;
max-height: 1180px;
}