Lately I'm developing some frontend product and, coming from the backend world, I come across elements that are widely used but that are new to me.
Lately I'm being surprised by the way to define the columns when defining the horizontal space that an element should occupy. One can use a 100% space, but also indicate how many columns it occupies. And there the maximum value to use is 12.
I understand that 12 is a good number because it has a multitude of divisors (2, 3, 4, 6 in addition to itself and 1, of course), so it allows for easy block making: three elements that occupy the same space, six elements occupy the same, etc.
Reading about it I find references precisely to this, to the number of divisors, but I don't know if I'm missing something.
Is there any more underlying or historical reason that justifies this fact? Why is 12 used and not 15, 16 or 20, which also have many divisors?