No Flex, você pode usar um recipiente ou flexbox ao adicionar um widget ou elementos de design. No entanto, há diferenças fundamentais entre eles. Veja, a seguir, informações e exemplos sobre quando usar um recipiente ou um flexbox; e quando adicionar elementos diretamente na grade.
Como regra geral, para um layout automático que inclua itens organizados numa lista horizontal ou vertical, use um flexbox. Para criar uma composição em estilo livre e com elementos sobrepostos, use um recipiente.
Grade
Grade é o nível básico que define as linhas e colunas na seção; ela contém os contêineres e flexboxes. Coloque itens diretamente na grade para que os itens se sobreponham em relação a um cartão ou composição. Útil para adicionar uma etiqueta de promoção, um título interessante e assim por diante.
Para criar um design responsivo de verdade, siga as linhas da grade para encaixar os itens no lugar, em vez de colocar os itens soltos na grade. Para encaixar os itens no lugar, arraste e solte-os na grade ou use os botões de alinhamento no painel "Design".
Recipiente
O recipiente é recomendado para composições com formato livre. Use recipientes para incluir objetos sobrepostos ou composições não lineares.
Flexbox
Use o flexbox para criar um layout automático que inclua itens organizados numa lista horizontal ou vertical. Além disso, recomendamos adicionar elementos a um flexbox para colocar um item após o outro (como vários CTAs, etiquetas, logotipos e assim por diante).
