Можно ли расположить подкатегории вот так?

[ogulcan1787]

Привет, друзья-помощники.

Вот как я использую это сейчас: display : flex

Можно ли сделать это так?

Но не так: display : block

Спасибо

[bartv (Bart)]

Это выглядит НАМНОГО лучше

[ogulcan1787]

Я нашел решение таким образом.
Но когда название подкатегории длинное, всё ломается.
Жду, если кто-то сможет найти решение этой проблемы.
Вы можете использовать его в таком виде.

При длинном названии.

При коротком названии.

.category-list .subcategories {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.category-list .subcategories .subcategory {
    flex-shrink: 0;
    min-width: 25%;
}

[Alteras (Steven Chang)]

Вам стоит использовать здесь CSS Grid.

Что-то вроде:

.category-list .subcategories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(125px, min-content));
}

Если вы хотите, чтобы колонки были идеально равного размера, замените min-content на 1fr.

[ogulcan1787]

Теперь это гораздо лучше. Спасибо, @Alteras

[saurabhmithal]

@Alteras

.category-list .subcategories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(125px, min-content));
}

Как добавить это в тему моего сообщества?

Может кто-то помочь?

Спасибо.

[ogulcan1787]

Здесь напишите и сохраните в CSS

[Arkshine]

Как указал ogulcan1787, вы можете создать новый компонент и добавить туда CSS.

Вы можете следовать этим инструкциям:

• Перейдите в Администрирование → Настройка

• Нажмите кнопку Установить
  

  

• Затем прикрепите его к вашей теме и нажмите кнопку Изменить CSS/HTML
  

  

• Используйте раздел CSS:
  

  

[saurabhmithal]

Спасибо, @Arkshine!

Это было полезно.