As we said, talking about responsiveness often means you need to rearrange components differently than originally designed and according to the actual characteristics of the device. While always keeping in mind that you can actually combine and nest FMX visual components as you wish, we are now going to introduce the TFlowLayout component.
As the name suggests, this will allow the developer to arrange a set of components, letting them flow in a very similar manner to how text runs in a Word processor. Elements will be running in a row, one beside the other, until the boundary of TFlowLayout is reached. Then the next element (the one not fitting the remaining space between the prior element and the layout boundary) is allowed to run over a new row.
The following screenshot shows you a TFlowLayout component with 15 children components (buttons):
As you can see, there is a vertical and horizontal gap of 10...
