أصدقائي الأعزاء.
هذه هي طريقتي في استخدامه الآن. display : flex
هل يمكننا فعل ذلك هكذا؟
ولكن ليس هكذا. display : block
شكراً لكم 
هذا يبدو أفضل بكثير 
لقد وجدت الحل بهذه الطريقة.
ولكن عندما يكون اسم الفئة الفرعية طويلاً، فإنه ينكسر.
أنتظر إذا كان بإمكان أي شخص إيجاد حل لهذا.
يمكنك استخدامه في هذه الحالة. 
عندما يكون الاسم طويلاً.
عندما يكون الاسم قصيراً.
.category-list .subcategories {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.category-list .subcategories .subcategory {
flex-shrink: 0;
min-width: 25%;
}
ستحتاج إلى استخدام CSS Grids هنا.
شيء مثل:
.category-list .subcategories {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(125px, min-content));
}
إذا كنت تريد أن تكون الأعمدة متساوية تمامًا في الحجم، يمكنك تغيير min-content إلى 1fr.
هذا أفضل بكثير الآن. شكراً لك @Alteras
كيف يمكنني إضافة هذا إلى السمة في مجتمعي؟
هل يمكن لأحد المساعدة؟
شكرا.
شكرا لك @Arkshine
كان هذا مفيدًا.