I have a group of elements of fixed width.
Each element has a title and a varying number of child (each child is approximately one line of text). The number of column vary. At the moment I make lines of the element and I center according to the element having the most child. See below:
I feel like the way I place them can lead to some weird spacing (mostly visible in the 3rd line) when the number of child is different from an element to another. I also tried just stacking them up to eliminate any space, but the titles were not aligned and that felt a bit weird.
Do you see any way I could display those elements better? Displaying in column was more convenient but is not mandatory.