Sizing on smaller screens about hcolumns HOT 1 CLOSED

css to the rescue :)

.column-view-container{ width: 100%;text-align: justify; font-size: 0.1px; }
.column{ display: inline-block; background: #eee; width: 31%;margin-bottom: 3%; height: 250px; margin-bottom: 2.5%;
position: relative;
}

.column-view-container::after{ content: ''; display: inline-block; width: 100%; }
.column-view-composition { display:block; white-space: nowrap; width: 100%; height: 250px; overflow:hidden; }
.column ul { position: absolute; ; width: 100%; }

@media screen and (max-width:600px) {
.column-view-composition {
display:block;white-space: nowrap;width: 100%;overflow:hidden;
height:750px;
}

.column{ width: 100%; margin-bottom: 5%; display: block;}
.column ul { display: block; width: 100%;height: 250px; overflow-y: auto; list-style: none; }

}

from hcolumns.