Resolvi o exercício proposto de uma forma diferente.
Ordem das ações
- Primeiramente implementei o quê foi solicitado no exercício.
- Em seguida modifiquei o alinhamento da coluna (column) e das linhas (rows) para que formasse um alinhamento """parecido""" com uma árvore.
- Depois, inseri uma pilha (stack) dentro de cada uma das linhas, onde cada pilha contém três containers. Importante ressaltar que embora a tríade das cores sejam mesmas para cada container de uma mesma linha, suas posições se alternam.
- Na sequência, mudei o alimento de cada uma das pilhas para que apontassem para as rebarbas da aplicação.
- Para facilitar a manutenção do tamanho dos containers, implementei através de variáveis. Assim em uma única linha todos os tamanhos dos containers passam a ser reajustados de uma única vez.
O resultado pode ser conferido através da imagem a seguir:
