更改列布局 css

Question

I am currently working on this website page: https://no.aproposonline.dk/brugte-biler/

as it is right now the page splits the search results into 2 columns, however i would like it to be split into 3, which is proving rather difficult.

I have tried column-count:3 which does not work, it seems as if on columns is two rows, which I don't really know how to fix.

Answer 1

Add this to your CSS

@media (min-width: 1200px) {
.bdt .col-lg-4 {
    flex: 0 0 30% !important;
    max-width: 30% !important;
}
}