[Resolved] Make Page grid responisve

[Kilian]

Hey,
i wanted to ask if it is possible with some CSS to style the grid on the homepage to make it responsive, meaning that if i make the screen smaller 4 columns will become 2 columns and if i make the screen smaller again 2 columns become 1 column?

Thanks a lot.

[David]

Hi there,

try this CSS:

@media (max-width: 769px) and (min-width: 600px) {
    .wp-show-posts-columns .wp-show-posts-single {
        width: 50%;
    }
}

[Kilian]

Awesome! Thank you very much 🙂

[David]

You’re welcome

[Author]

Posts