Selamlar, https://masonry.desandro.com/ şunu inceleyebilirsiniz ekrana göre otomatik boşluk kalmayacak şekilde nesneleri yerleştiriyor. Bunu kullanmak istemezseniz ben olsam şöyle yapardım. Önce kategori sayısını alırdım. Bu sayıya göre yukarıdan aşağı listenecek sayıyı bulukduktan sonra soldan başlayıp yukarıdan aşağı n tane kategori ve alt kategorilerini yazdırırdım. Sonra bir sağa geçip bir n tane kategori ve alt kategorisini yazdırırdım. Böyle böyle devam ederdim.

1 kolon
<ul>
<li></li>
<li></li>
<li></li>
</ul>

2 kolon
<ul>
<li></li>
<li></li>
<li></li>
</ul>
3kolon
<ul>
<li></li>
<li></li>
<li></li>
</ul>

4 kolon
<ul>
<li></li>
<li></li>
<li></li>
</ul>

css ilede bu ul leri yan yana getirirseniz istediğinizi elde etmiş olursunuz.