Al añadir widgets y elementos de diseño en Flex, puede elegir usar contenedores y flexboxes. Sin embargo, hay algunas diferencias importantes entre ellos. A continuación, se brinda información y ejemplos sobre cuándo usar un contenedor, un flexbox y cuándo es posible que quiera añadir elementos directamente en la cuadrícula.
Como regla general, si desea un diseño automático que incluya la organización de los elementos en una lista horizontal o vertical, utilice un Flexbox. Si desea crear una composición de estilo libre con elementos superpuestos, utilice un Contenedor.
Red
La cuadrícula es la capa base que define las filas y las columnas en su sección, y que tienen contenedores y flexboxes. Coloque los elementos en la cuadrícula directamente cuando quiera que los elementos se superpongan en relación con una tarjeta o composición. Por ejemplo, añada etiquetas de "En venta", títulos interesantes, etc.
Para crear un diseño realmente adaptable, le recomendamos que use las pautas de la cuadrícula para ajustar los elementos en su lugar, en lugar de colocarlos de manera libre en la cuadrícula. Puede ajustar los elementos en su lugar a medida que los arrastra y los suelta en la cuadrícula o puede usar los botones de alineación del panel de diseño.
Contenedores
Los contenedores son mejores para las composiciones de forma libre. Utilice contenedores cuando quiera incluir objetos superpuestos o composiciones no lineales.
Flexbox
Utilice un flexbox cuando quiera crear un diseño automático que incluya la organización de los elementos en una lista horizontal o vertical. Además, debe añadir elementos a un flexbox cuando tenga elementos que quiera colocar uno detrás de otro (por ejemplo, varios CTA, etiquetas, logotipos, etc.).
