Как оформить макет категории в CSS (мобильная версия)?

Question

Я создал сайт объявлений в WordPress, и у него есть раздел категорий, в котором люди могут найти любой список категорий, но в мобильной версии он выглядит не очень хорошо и имеет немного свободного места, вот ссылка: https://dijubelinaja.com/categories/. Как установить 3 столбца для этого? изображение здесь:

Answer 1

Используйте свойство width для элемента ".classiera-category-new-v2-box" и удалите свойство flex CSS.

Используйте приведенное ниже CSS. Убедитесь, что вы используете это для указания c области просмотра, где вы хотите, чтобы категории были перечислены в 3 столбцах.

.classiera-category-new-v2-box {
    width: 33.33%;
    float: left;
    padding: 0 25px;
    height: 132px;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}