div
{
-webkit-column-count: 4;
-moz-column-count: 4;
column-count: 4;
}
@media only screen and (min-width : 320px) and (max-width : 480px)
{
div
{
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media only screen and (min-width : 768px) and (max-width : 1024px)
{
div
{
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
}
<div>
QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate QNimate
</div>