I have a business directory here it is https://www.endustri.io/firma/
I am listing the categories in five columns. When i looked the mobile i was shocked. Really bad looking. How can fix this?
I want to see mobile version look like desktop, or better than this time.
Here is my css code
#native {
width: 100%;
height: min-content; /*your fixed height*/
display: inline-block; /*necessary*/
-webkit-column-count: 5;
-moz-column-count: 5;
column-count: 5;
}
>Solution :
You could solve it by changing column-count on mobile devices to, for example, 2. You can target mobile devices with @media screen of specific range:
@media screen and (max-width: 767px) {
#native {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}

